/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

3 votes239 views2 answers
How to make image not draggable in html
CSS
0 vote190 views2 answers
Sass example html
CSS
2 votes294 views2 answers
Css resize image to fit div no stretching
CSS
0 vote181 views2 answers
Css text truncate 2 lines
CSS
0 vote227 views1 answer
Como diminuir uma imagem em css
CSS
0 vote180 views1 answer
CS REMOVING BACKGROUND IMAGE
CSS
0 vote204 views1 answer
What is the opacity of disabled text
CSS
0 vote176 views4 answers
Uikit theme
CSS
0 vote194 views1 answer
Prevent text from going to next line css
CSS
0 vote214 views1 answer
Btn keeps pushing down on window resize
CSS