/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 vote285 views1 answer
Transform element
CSS
0 vote201 views1 answer
Nuxt css other site
CSS
45 votes232 views6 answers
Css elipsis
CSS
1 vote233 views1 answer
Angular headers for enc type
CSS
0 vote260 views1 answer
Bootstrap-navbar-containers
CSS
0 vote235 views1 answer
Text align in materialize css
CSS Materialize
7 votes202 views2 answers
Remove horizontal scrollbar css
CSS
4 votes230 views5 answers
Bootstrap img src
CSS
0 vote249 views2 answers
How to take of underline from link through css
CSS
0 vote244 views1 answer
How to give opacity to background only
CSS