/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

-1 vote196 views2 answers
Hide the scrollbar in css if not overflow
CSS
8 votes181 views2 answers
Font roboto css
CSS
0 vote192 views1 answer
Double border color css
CSS
1 vote189 views1 answer
To make the content of the select2 RTL or LTR
CSS
1 vote185 views1 answer
Pagination html css how to working
CSS
0 vote166 views1 answer
The Sass .sass file is visually different from .scss file, e.g. Example.scss - sassy css is the new syntax as of Sass 3
CSS
3 votes227 views1 answer
Vh and vw
CSS
2 votes183 views1 answer
How many pixels is h1 text html
CSS
4 votes199 views1 answer
How to center placeholdr text
CSS
27 votes174 views3 answers
Hide in css
CSS