/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 vote334 views1 answer
Target element pseudo-classes
CSS
0 vote346 views1 answer
Container transparent text opaque
CSS
0 vote335 views1 answer
Html print page break
CSS
1 vote336 views2 answers
Media max height css
CSS
1 vote327 views1 answer
Remove arrow summary tag css
CSS
0 vote370 views2 answers
Open sublime text 3 from terminal mac
CSS
10 votes354 views2 answers
How to include one css file in another
CSS
0 vote394 views1 answer
Farther of genetics
CSS
0 vote330 views1 answer
Over to remove padding css
CSS
0 vote355 views1 answer
Table td css
CSS