/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

3 votes144 views2 answers
How to zoom iin by default in html page
CSS
0 vote155 views1 answer
Button active css
CSS
0 vote134 views1 answer
Css dashed double border
CSS
0 vote203 views1 answer
Very responsive grid layout
CSS
2 votes155 views1 answer
Mat slide toggle change color
CSS
1 vote186 views1 answer
How to remove image using css
CSS
0 vote157 views1 answer
How to code color css property
CSS
0 vote138 views3 answers
Bootstrap grid only css npm install
CSS
6 votes164 views3 answers
Print css media query
CSS
0 vote148 views3 answers
Style highlight css
CSS