/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

12 votes104 views4 answers
On hover display another div css
CSS
10 votes117 views4 answers
Composer self update version 1
CSS
0 vote104 views1 answer
How to use bootstrap color variables in sass
CSS
0 vote60 views2 answers
Link html to html stackoverflow
CSS
0 vote99 views1 answer
Style scrollbar overflow-y
CSS
1 vote103 views1 answer
Is better use px or pt
CSS
0 vote154 views1 answer
How to set the scroll in bootstrap4 table body
CSS Bootstrap
6 votes119 views3 answers
Print css media query
CSS
2 votes113 views1 answer
Aajouter une image dans un before after
CSS
0 vote167 views1 answer
Top down gradient css on body
CSS