/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 vote186 views1 answer
Bootstarp 5
CSS
0 vote172 views1 answer
Css set transition duration for a property
CSS
27 votes154 views4 answers
Css keyframes
CSS
0 vote185 views1 answer
Nuxt page transition
CSS
1 vote146 views1 answer
Pagination html css how to working
CSS
0 vote163 views1 answer
Center tecxt css
CSS
3 votes145 views1 answer
Css sass install
CSS
6 votes148 views1 answer
How to set option size to select in html css
CSS
0 vote174 views2 answers
Open sublime text 3 from terminal mac
CSS
9 votes180 views3 answers
Resize checkbox
CSS