/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

2 votes168 views1 answer
Large input box bootstrap 4
CSS
0 vote246 views1 answer
Set border only left and right css
CSS
2 votes175 views1 answer
Css make div on top of everything
CSS
0 vote176 views1 answer
Css box-shadow over other elements
CSS
-1 vote154 views2 answers
How to put different p elements next to each
CSS
8 votes175 views5 answers
Css hover change other element
CSS
7 votes153 views2 answers
Css font families
CSS
5 votes119 views2 answers
Animate left to right css
CSS
0 vote165 views1 answer
Unable to load authentication plugin 'caching_sha2_password'. dbeaver
CSS
30 votes198 views6 answers
Linear gradient in CSS
CSS