/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

-1 vote312 views1 answer
Jest to handle css
CSS
0 vote304 views1 answer
How to add a pure css loading spinner
CSS
0 vote336 views1 answer
Scss select all childs
CSS
6 votes314 views3 answers
How to round input border
CSS
0 vote366 views5 answers
Sweetalert to small bootstrap
CSS Bootstrap
0 vote326 views1 answer
How to make img cover parent div
CSS
1 vote354 views2 answers
Selector CSS Example
CSS
1 vote309 views1 answer
How to make border blur css
CSS
3 votes309 views2 answers
Css onclick change color
CSS
0 vote295 views2 answers
Transparent input box
CSS