/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 vote124 views1 answer
Translate argument animation css'
CSS
0 vote218 views1 answer
Import global variables scss angular
CSS
0 vote112 views1 answer
How to call media query inside css class
CSS
56 votes146 views1 answer
Media queries screen width
CSS
4 votes109 views2 answers
CSS shrink image
CSS
0 vote140 views1 answer
Set border only left and right css
CSS
43 votes114 views4 answers
What is a max and min width media query
CSS
0 vote91 views1 answer
Build a responsive real world website from scratch html css
CSS
3 votes61 views1 answer
Ttf css
CSS
0 vote116 views1 answer
React wrapper component
CSS