/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 vote139 views3 answers
Sass use variables from another file
CSS
0 vote143 views1 answer
How to hide some grid items from grid in css
CSS
0 vote140 views1 answer
Css styles responsive password input eye
CSS
0 vote148 views1 answer
Remove glow textarea css
CSS
21 votes165 views5 answers
CSS italic
CSS
0 vote144 views1 answer
Not allow select text css
CSS
0 vote120 views1 answer
How to remove text highlight on double click
CSS
2 votes135 views1 answer
Putting label on top of input css
CSS
0 vote149 views1 answer
Justify center wont wotk with max-width css
CSS
0 vote198 views1 answer
Bootstrap remove unused css
CSS Bootstrap