/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 vote174 views1 answer
Michigan score
CSS
0 vote223 views2 answers
Webkit box shadow not working
CSS
53 votes185 views6 answers
Background color
CSS
1 vote205 views1 answer
Css thinner hr
CSS
0 vote196 views1 answer
Css Specify that the background image should be shown once, in the top right corner
CSS
0 vote216 views1 answer
Css notes
CSS
1 vote211 views3 answers
How to stop input from highlighting onclick
CSS
0 vote191 views1 answer
Css calc margin-top based on height?
CSS
0 vote236 views2 answers
Preloader css
CSS
-1 vote207 views1 answer
Tailwindcss top
CSS