html css how to arrange images of different sizes

Super Skunk answered on June 18, 2020 Popularity 6/10 Helpfulness 2/10

answer html css how to arrange images of different sizes

html css how to arrange images of different sizes

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;
}

Popularity 6/10 Helpfulness 2/10 Language css

Source: stackoverflow.com

Tags: css html

Link to this answer
Share Copy Link

Contributed on Jun 18 2020

Super Skunk

0 Answers Avg Quality 2/10

html css how to arrange images of different sizes

Contents

More Related Answers

html css how to arrange images of different sizes

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.