/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

0 vote266 views1 answer
Background single line property css
CSS
1 vote273 views2 answers
Css grid two columns
CSS
0 vote272 views1 answer
Bootstrap-navbar-brand
CSS
0 vote279 views2 answers
Css cards
CSS
0 vote316 views5 answers
Sweetalert to small bootstrap
CSS Bootstrap
0 vote282 views1 answer
Nibabel ValueError: w2 should be positive, but is
CSS
27 votes263 views6 answers
Color gradient
CSS
6 votes217 views3 answers
Django css
CSS
0 vote266 views1 answer
Responsive typography
CSS
24 votes271 views5 answers
Placeholder css
CSS