/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

-2 votes225 views2 answers
Axios send request with cookies
CSS
0 vote204 views1 answer
Align icon to top right corner of div
CSS
168 votes249 views4 answers
Css link tag
CSS
8 votes212 views4 answers
Css image align left
CSS
0 vote189 views1 answer
Css border-boz
CSS
0 vote193 views1 answer
Css aurora effect
CSS
1 vote193 views1 answer
Open applications bat start
CSS
0 vote200 views1 answer
Ul or ol with no indent
CSS
1 vote217 views1 answer
Remove border between td
CSS
0 vote156 views1 answer
How to make header on top
CSS