/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 vote349 views1 answer
Css get the image to the center and to make it relative to the width of the parent.
CSS
0 vote311 views1 answer
Before css font awesome
CSS
1 vote284 views1 answer
Cards design html css
CSS
57 votes330 views3 answers
How to round the corners of a div outline in css
CSS
1 vote290 views1 answer
Backgrond image shopify css
CSS
8 votes293 views4 answers
Text-align attribute in css
CSS
0 vote264 views1 answer
Jquery change css variiable value
CSS
0 vote284 views2 answers
Unable to load authentication plugin 'caching_sha2_password'
CSS
73 votes296 views5 answers
Border-radius
CSS
28 votes347 views6 answers
Linear gradient css background image
CSS