/CSS/Html css how to arrange images of different sizes

Html css how to arrange images of different sizes

.flex-container {
    flex-flow: row;
    justify-content: space-between;
    align-items: flex-start; /* should align items to the top of your flex row if they don't reach 100px in height */
}
.inner-image {
    max-height: 100px;
}
.inner-image.portrait {
    height: 200px;
    width: 100px;
}
.inner-image.landscape {
    height: 100px;
    width: 200px;
}

Source: stackoverflow.com

Similar codes

-2 votes168 views1 answer
Scaling Images and Videos css
CSS
5 votes317 views2 answers
Materialize css cdn
CSS Materialize
0 vote159 views1 answer
How to make all buttons same size css
CSS
6 votes184 views2 answers
Html table scrollable body fixed header
CSS
0 vote167 views1 answer
Css widows
CSS
1 vote158 views1 answer
Bootstrap Changing the separator
CSS
8 votes199 views2 answers
Kotlin string to int
CSS
9 votes176 views2 answers
Convert to css to css3
CSS
0 vote179 views2 answers
Difference bw box and border box
CSS
7 votes181 views3 answers
Border width css
CSS