/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 vote355 views2 answers
Using materialize css with react
CSS Materialize
1 vote189 views1 answer
Width defined by content css
CSS
1 vote186 views3 answers
Css profile picture round
CSS
595 votes496 views10 answers
Gme stock
CSS
0 vote203 views1 answer
Line not breaking css
CSS
0 vote175 views1 answer
Css 4 modal
CSS
0 vote284 views1 answer
How to target input type with css
CSS
1 vote258 views1 answer
@extend must be used with a %placeholder
CSS
1 vote229 views1 answer
Ie11 flex 1
CSS
5 votes139 views1 answer
Rgb background
CSS