/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

0 vote101 views2 answers
Update Arch Linux
CSS
3 votes97 views1 answer
Trash icon favicon
CSS
0 vote98 views1 answer
FusedLocationClient.removeLocationUpdates
CSS
9 votes124 views3 answers
Fix textarea size
CSS
0 vote106 views1 answer
Sass immediate child
CSS
0 vote114 views1 answer
Como diminuir uma imagem em css
CSS
12 votes106 views4 answers
Sticky header
CSS
1 vote131 views1 answer
Animate font weight css
CSS
0 vote117 views1 answer
How to transition text color css
CSS
0 vote99 views5 answers
Css fr meaning
CSS