/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 vote217 views1 answer
Animation clip path
CSS
14 votes210 views2 answers
Css grid command for responsive design
CSS
50 votes187 views5 answers
Child css
CSS
1 vote200 views1 answer
Change the color of an hr
CSS
0 vote204 views2 answers
Sass example html
CSS
36 votes218 views4 answers
Text color as gradient css
CSS
8 votes208 views4 answers
Css boilerplate
CSS
2 votes226 views2 answers
How to have a background image with a color overlay
CSS
69 votes204 views6 answers
Center image css
CSS
7 votes253 views1 answer
Justify text csss
CSS