/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 vote329 views1 answer
Css option value
CSS
44 votes343 views6 answers
How to center a div element
CSS
1 vote335 views1 answer
-ms css
CSS
0 vote356 views1 answer
String interning in python
CSS
0 vote288 views1 answer
Plus minus button css
CSS
16 votes406 views5 answers
Sass loops
CSS
0 vote312 views1 answer
Formatage date css
CSS
3 votes335 views2 answers
Ignore cache pip
CSS
3 votes345 views2 answers
Remove highlight input css
CSS
0 vote313 views1 answer
Add textcontent on hover
CSS