/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 vote167 views1 answer
Html video css
CSS
4 votes140 views1 answer
Disable input filed
CSS
0 vote178 views1 answer
Svg style css
CSS
0 vote159 views1 answer
Mailto link with no decoration
CSS
0 vote191 views1 answer
Two background images css
CSS
0 vote159 views1 answer
Cta button css
CSS
0 vote198 views1 answer
Hide navbar css
CSS
53 votes185 views6 answers
Css transform
CSS
85 votes171 views6 answers
Red color hex
CSS
29 votes169 views1 answer
Boxsahdow
CSS