/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 votes356 views2 answers
Horizontal align icon css
CSS
0 vote359 views1 answer
Bootstrap popover style width
CSS
0 vote360 views1 answer
Put light shadow around div
CSS
0 vote388 views1 answer
RichText.Content add className
CSS
6 votes428 views2 answers
Blink css
CSS
5 votes369 views1 answer
Css animate flashing
CSS
0 vote301 views1 answer
Flex-decoration column
CSS
-2 votes364 views1 answer
Does boxshadow work
CSS
11 votes403 views3 answers
Css poppins font
CSS
0 vote375 views4 answers
Width in css
CSS