/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 vote135 views1 answer
Css background half one color the other half another color
CSS
5 votes133 views2 answers
Onclick reload an iframe
CSS
4 votes153 views1 answer
Css border botttom
CSS
0 vote168 views1 answer
Bootsrap view only landscape
CSS
72 votes144 views6 answers
Flexbox css
CSS
1 vote140 views1 answer
Ion-select background color
CSS
3 votes149 views2 answers
Css disable button click
CSS
1 vote149 views1 answer
Css access span class inside div
CSS
3 votes132 views1 answer
Diable focus button css
CSS
1 vote143 views1 answer
Input type date all css style
CSS