All Languages >> CSS >> html css how to arrange images of different sizes

“html css how to arrange images of different sizes” Code Answer

html css how to arrange images of different sizes

css by Super Skunk on Jun 18 2020 Comment

.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

Add a Grepper Answer