/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

32 votes201 views5 answers
Css text align right
CSS
2 votes207 views1 answer
Change font size in textarea html
CSS
0 vote194 views1 answer
Css select without class
CSS
0 vote219 views1 answer
Dropdown size based on text
CSS
0 vote211 views1 answer
Css accordian triangle
CSS
0 vote225 views1 answer
How to add css to alt attribute text
CSS
0 vote239 views2 answers
Elementor accordion closed by default
CSS
2 votes219 views1 answer
How to use the transition left in css
CSS
-1 vote212 views1 answer
Reset the entire box model
CSS
0 vote200 views5 answers
Css fr meaning
CSS