/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 vote345 views1 answer
QAnon Won't believe who
CSS
1 vote335 views2 answers
Link active css
CSS
0 vote307 views1 answer
Auto-indenting on Sublime Text 3 - "Key Bindings"
CSS
0 vote320 views1 answer
Animating a text in css
CSS
0 vote299 views1 answer
Css circle with number
CSS
0 vote339 views2 answers
Animate.css not working
CSS
0 vote316 views1 answer
How to add dotted line after and before text in css
CSS
0 vote329 views1 answer
Disabled attribute on button still showing click animation safari macos
CSS
0 vote305 views5 answers
Sweetalert to small bootstrap
CSS
12 votes329 views2 answers
Center a cpontent css
CSS