/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

10 votes251 views3 answers
Javascript average of numbers in array
CSS
1 vote231 views1 answer
Load css file flask
CSS
0 vote234 views2 answers
Css multiline comment
CSS
-1 vote312 views2 answers
How to set background automatically with my screen height
CSS
2 votes221 views2 answers
Css all children of type
CSS
0 vote235 views1 answer
For...in...loop
CSS
0 vote239 views1 answer
Comentarios en archivo scss
CSS
0 vote236 views1 answer
How to make website using html and css
CSS
0 vote243 views1 answer
How to style submit button css
CSS
47 votes246 views4 answers
Transform
CSS