/CSS/Container media queries for large displays

Container media queries for large displays

@media screen and (min-width: 600px) {
//For Tablets
    .container {
        width: 100;
    }
}

@media screen and (min-width: 768px) {
//For Laptops
    .container {
        width: 738px;
    }
}

@media screen and (min-width: 992px) {
//For Large Laptops
    .container {
        width: 962px;
    }
}

@media screen and (min-width: 1280px) {
//For Big TV's (HD Screens) 
    .container {
        width: 1250px;
    }
}


@media screen and (min-width: 1920px) {
//For Projectors or Higher Resolution Screens (Full HD)
    .container {
        width: 1890px;
    }
}
@media screen and (min-width: 3840px) {
//For 4K Displays (Ultra HD)
    .container {
        width: 3810px;
    }
}

Source: stackoverflow.com

Similar codes

0 vote207 views1 answer
Background with three line color css
CSS
1 vote206 views1 answer
Ul remove dots
CSS
0 vote204 views1 answer
Global css cannot be imported from files other than your
CSS
0 vote156 views1 answer
Adding whitespace in box
CSS
2 votes153 views5 answers
Css disable input
CSS
0 vote153 views1 answer
What is difference between padding and margin?
CSS
42 votes164 views6 answers
Css transparent background color
CSS
0 vote143 views1 answer
To set HTML attribute and css styles in html helper control in mvc
CSS
2 votes149 views1 answer
Table add margin between rows
CSS
0 vote167 views2 answers
Elementor accordions closed by default
CSS