/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

1 vote305 views2 answers
Scss exceeded maximum budget. Budget 7.00 kB was not met by 841 bytes with a total of 7.82 kB.
CSS
0 vote267 views1 answer
Vuetify input change outline color
CSS
19 votes295 views2 answers
How to underline font in css
CSS
5 votes272 views1 answer
Htaccess for angular
CSS
6 votes285 views8 answers
Bootstrap css
CSS
72 votes271 views6 answers
Absolute position center
CSS
1 vote262 views1 answer
Button onclick open video in new window
CSS
-1 vote260 views1 answer
Add css to express app
CSS
4 votes261 views1 answer
Overflow dottet
CSS
0 vote325 views1 answer
Which bootstrap css class will you use to put the navbar at the top of the page? feel free to check out the bootstrap website.
CSS Bootstrap