Breaking News: Grepper is joining You.com. Read the official announcement!

equal width css

cool guy answered on July 4, 2022 Popularity 9/10 Helpfulness 2/10

answer equal width css

equal width css

Comment

// equal width css
.parent {
  display: flex;
}

.child {
  flex: 1;
}

// your welcome

Popularity 9/10 Helpfulness 2/10 Language css

Source: Grepper

Tags: css width

Link to this answer
Share Copy Link

Contributed on Aug 12 2022

cool guy

0 Answers Avg Quality 2/10

Closely Related Answers

Width equal to content css

Comment

width: max-content;

Popularity 6/10 Helpfulness 4/10 Language css

Source: stackoverflow.com

Tags: css width

Link to this answer
Share Copy Link

Contributed on Nov 22 2022

marunk

0 Answers Avg Quality 2/10

how to make width equal to height css

Comment

.box {
    position: relative;
    width:    50%; /* desired width */
}

.box:before {
    content:     "";
    display:     block;
    padding-top: 100%; /* initial ratio of 1:1*/
}

.content {
    position: absolute;
    top:      0;
    left:     0;
    bottom:   0;
    right:    0;
}

/* Other ratios - just apply the desired class to the "box" element */
.ratio2_1:before{
    padding-top: 50%;
}
.ratio1_2:before{
    padding-top: 200%;
}
.ratio4_3:before{
    padding-top: 75%;
}
.ratio16_9:before{
    padding-top: 56.25%;
}

Popularity 10/10 Helpfulness 3/10 Language css

Source: stackoverflow.com

Tags: css

Link to this answer
Share Copy Link

Contributed on Jul 04 2022

Zhan Life

0 Answers Avg Quality 2/10

equal width css

Contents

More Related Answers

equal width css

Closely Related Answers

Width equal to content css

how to make width equal to height css

Grepper

Documentation

Social

Legal

Contact

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