/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

8 votes124 views1 answer
How to align items in css
CSS
0 vote84 views1 answer
Github-pages main.css cancel
CSS
0 vote113 views1 answer
Css ios media query
CSS
0 vote132 views2 answers
Ul class= social-icons
CSS
44 votes250 views5 answers
Breakpoint bootstrap
CSS Bootstrap
0 vote124 views1 answer
CSS fluid type sizing based on viewport
CSS
0 vote132 views3 answers
Animate.css cdn
CSS
0 vote128 views1 answer
Css remove margin around page
CSS
0 vote151 views2 answers
Css hexagon with text inside
CSS
0 vote126 views1 answer
Autocomplete widget set z-index
CSS