/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

2 votes307 views2 answers
Css move inline image up
CSS
0 vote302 views1 answer
Make backgrond image smaller
CSS
2 votes282 views1 answer
Vh vs vw css
CSS
0 vote280 views1 answer
How to draw hex colun in html css
CSS
0 vote269 views1 answer
Css diplay grid text truncate
CSS
85 votes271 views6 answers
Color code green
CSS
2 votes300 views2 answers
Border not showing css
CSS
1 vote282 views1 answer
Scss percentage
CSS
0 vote274 views1 answer
Paste in form field cordova app
CSS
8 votes273 views5 answers
Flex margin between items
CSS