/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 vote134 views1 answer
How to change line colors in css
CSS
8 votes195 views5 answers
Box bottom shadow css
CSS
0 vote132 views1 answer
Extend Report jenkins css missing
CSS
0 vote137 views1 answer
Why we are translating -50%, -50% in css
CSS
9 votes146 views3 answers
How to affect a deffernt element in css
CSS
0 vote127 views1 answer
Mouse hover text zoom effect
CSS
6 votes155 views2 answers
How to make a division center css
CSS
0 vote132 views1 answer
Css opacité fond mais pas texte
CSS
17 votes135 views2 answers
Filter: alpha(opacity=0);
CSS
0 vote142 views2 answers
Dont break word css
CSS