/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

19 votes211 views3 answers
Vertical text
CSS
0 vote308 views1 answer
Css only if both classes
CSS
0 vote216 views1 answer
How blend two backgrounds css and isolate content
CSS
0 vote216 views1 answer
Flex align self
CSS
0 vote251 views1 answer
How to use purgecss with webpack mix laravel
CSS
0 vote201 views1 answer
Reduire espace entre ligne css
CSS
4 votes219 views1 answer
Css grid wrap columns
CSS
0 vote227 views1 answer
How to stilize title property css
CSS
0 vote214 views1 answer
Youtube-dl forbidden
CSS
0 vote226 views1 answer
Trim background image css
CSS