/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 vote158 views1 answer
Css packer cli
CSS
0 vote157 views1 answer
Faunadb update
CSS
0 vote153 views1 answer
If you're trying to use a package make sure that '../../static/fonts/lato/Lato-Regular.woff' is installed. If you're trying to use a local file make sure that the path is correct.
CSS
0 vote133 views2 answers
Css how to stop screen from left and right
CSS
12 votes135 views2 answers
Css not first child
CSS
64 votes163 views6 answers
Rotate css
CSS
17 votes95 views1 answer
Have you used flexbox & css grid before? what are the differences between them? interview
CSS
0 vote140 views1 answer
Hoow to open a css class in css
CSS
0 vote185 views1 answer
How to make multiple borders using box shadow in css
CSS
0 vote138 views2 answers
How to give text stroke in css
CSS