/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 vote308 views1 answer
Html appelé fichier css
CSS
4 votes305 views1 answer
Css add dots if text too long
CSS
0 vote225 views1 answer
Edit default theme in component angular css
CSS
0 vote246 views1 answer
Css start animation on hover
CSS
1 vote192 views2 answers
List no bullets html
CSS
40 votes233 views2 answers
All.min.css cdn
CSS
0 vote252 views1 answer
Css ios media query
CSS
0 vote248 views1 answer
Css locks
CSS
0 vote254 views1 answer
Input type (submit, button, reset) css
CSS
3 votes246 views1 answer
How to change the page background in css
CSS