/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

9 votes325 views4 answers
Css size button
CSS
0 vote347 views1 answer
Lando expose database port
CSS
0 vote308 views1 answer
What's 275 divided by 630
CSS
9 votes362 views2 answers
Bootstrap cheat sheet
CSS
21 votes312 views2 answers
Remove focus border
CSS
2 votes318 views1 answer
How to put background in html
CSS
29 votes340 views3 answers
How to remove scrollbar in css
CSS
0 vote357 views1 answer
Css 2 divs nebeneinander
CSS
0 vote339 views1 answer
Change svg color in pseudo element
CSS
7 votes342 views2 answers
Css set div width to screen
CSS