/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

1 vote329 views1 answer
Tr lowercase uppercase
CSS
-1 vote340 views1 answer
Scss npm import
CSS
0 vote346 views1 answer
Import scss
CSS
0 vote398 views1 answer
Nice select scroll bar for large amount of options
CSS
-1 vote361 views1 answer
Tachar texto css
CSS
0 vote356 views1 answer
Postcss plugin
CSS
56 votes329 views3 answers
Css curved border
CSS
-1 vote397 views3 answers
Css counter
CSS
1 vote403 views4 answers
CSS Grid Display
CSS
8 votes370 views4 answers
Aos css animation
CSS