/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 vote119 views1 answer
Bootstrap-navbar-containers
CSS
4 votes121 views3 answers
How to change background color in ElevateButton flutter
CSS
3 votes125 views4 answers
Transparent button css
CSS
0 vote129 views1 answer
Terminal download website source code
CSS
2 votes124 views2 answers
Css content image
CSS
0 vote169 views1 answer
Elementor vertical line
CSS
5 votes124 views1 answer
Force to load https
CSS
8 votes115 views1 answer
Center in the middle of the screen html css
CSS
9 votes139 views2 answers
Bootstrap cheat sheet
CSS Bootstrap
0 vote108 views1 answer
Iterating data font size as to be decreased in Angular by using css
CSS