/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

72 votes314 views4 answers
White rgb color
CSS
0 vote295 views1 answer
Css layout tutorial
CSS
41 votes304 views6 answers
Linux folder size
CSS
28 votes307 views3 answers
Google font roboto
CSS
0 vote306 views1 answer
Using tinymce with tailwind css
CSS
0 vote280 views1 answer
Css if select has value
CSS
0 vote292 views1 answer
Generate your tailwind.config.js file
CSS
23 votes298 views3 answers
Placeholder color in css
CSS
0 vote285 views1 answer
Scroll x css
CSS
0 vote282 views1 answer
Css hover change more than one element
CSS