/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

1 vote195 views1 answer
How do you display a border like this:
CSS
5 votes233 views3 answers
Bootstrap 4 classes list with description pdf
CSS Bootstrap
27 votes205 views6 answers
Html color codes
CSS
0 vote212 views1 answer
Css every other element than self
CSS
0 vote215 views1 answer
Css ios media query
CSS
1 vote207 views2 answers
Antd css
CSS
22 votes235 views6 answers
Box shadow css
CSS
12 votes205 views2 answers
Other children than first css
CSS
71 votes199 views6 answers
Media queries w3schools
CSS
3 votes196 views2 answers
How to modify select icon csshow to modify select icon css
CSS