/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

3 votes120 views3 answers
Scss variables
CSS
0 vote92 views1 answer
@page css
CSS
1 vote121 views1 answer
Beige hex code
CSS
1 vote115 views1 answer
Css everything under element
CSS
3 votes122 views2 answers
Set css to default
CSS
0 vote121 views2 answers
Add transition to zoom button on hover
CSS
0 vote155 views1 answer
GET /style.css HTTP/1.1" 404
CSS
-1 vote117 views2 answers
How to add image with url in css
CSS
0 vote111 views1 answer
Css contain property
CSS
0 vote137 views1 answer
Css transform duration
CSS