/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 vote132 views2 answers
How to add a selection in css
CSS
20 votes127 views6 answers
Remove bullets from ul
CSS
0 vote121 views1 answer
Insert checkbox into combobox css
CSS
2 votes143 views2 answers
Vertical align span tailwindscss
CSS
0 vote144 views1 answer
Css clip path alternative
CSS
83 votes136 views2 answers
Css text transform
CSS
2 votes117 views1 answer
Reset a tag css
CSS
0 vote214 views2 answers
Materialize css for react
CSS Materialize
3 votes71 views1 answer
Css vendor prefix
CSS
1 vote139 views1 answer
Linux remove files except
CSS