/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

1 vote367 views1 answer
Page icon css
CSS
0 vote391 views1 answer
Unable to load authentication plugin 'caching_sha2_password'. dbeaver
CSS
1 vote380 views1 answer
Difference between html and css
CSS
0 vote330 views1 answer
Ohmyzsh shortcut to oepn folder with vscode
CSS
0 vote372 views1 answer
Double border color css
CSS
0 vote360 views1 answer
Var units = "years"; var davidAge = 65; var johnAge = 40; var ageDifference = davidAge - johnAge; alert("The age difference is " + ageDifference + " " + units);
CSS
1 vote356 views1 answer
How to space out buttons css
CSS
0 vote327 views1 answer
How to make background color smaller css
CSS
0 vote372 views1 answer
How to change the position of a button in css
CSS
0 vote329 views2 answers
Css stopper une animation
CSS