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

css media query referring to the container width rather than the window width

Talented Turkey answered on June 29, 2023 Popularity 5/10 Helpfulness 4/10

answer css media query referring to the container width rather than the window width

css media query referring to the container width rather than the window width

Comment

div {
    width: 50%;
    container-type: inline-size;
}
span {
    color: red;
}
@container (inline-size > 150px) {
    span {
        color: green;
    }        
}

Popularity 5/10 Helpfulness 4/10 Language css

Source: stackoverflow.com

Tags: css media width window

Link to this answer
Share Copy Link

Contributed on Jun 29 2023

Talented Turkey

0 Answers Avg Quality 2/10

Continue with Google

By continuing, I agree that I have read and agree to Greppers's Terms of Service and Privacy Policy.

css media query referring to the container width rather than the window width

Contents

More Related Answers

css media query referring to the container width rather than the window width

Grepper

Documentation

Social

Legal

Contact

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