/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 vote221 views1 answer
Matrix css
CSS
0 vote266 views1 answer
Prevenrt div with height 100% from growing up
CSS
2 votes248 views1 answer
How to make html element not selectable
CSS
0 vote223 views1 answer
Background url with color css
CSS
0 vote197 views1 answer
Change font size according to screen css
CSS
0 vote226 views1 answer
How to give linear transprerancyon background image
CSS
1 vote198 views2 answers
Text align left top
CSS
0 vote200 views1 answer
Css remove link border on click
CSS
8 votes191 views6 answers
Aos css
CSS
322 votes501 views6 answers
Font awesome cdn link
CSS