/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 vote303 views1 answer
Css blur gradient
CSS
0 vote305 views1 answer
Giving body maximum width in css
CSS
-1 vote325 views1 answer
How to remove default styling of a tag
CSS
0 vote309 views1 answer
Css not loading after clearing chaches asp.net
CSS
0 vote401 views1 answer
Bootstrap put button on one line
CSS Bootstrap
0 vote290 views1 answer
Html css limit page to a4
CSS
1 vote302 views1 answer
Free computer screen recording software
CSS
2 votes301 views3 answers
Css remove
CSS
0 vote326 views1 answer
Bind 'fill' inside ':svg:path' with scss variables
CSS
0 vote300 views1 answer
Htaccess file extension
CSS