/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

2 votes250 views1 answer
Table overflow not working
CSS
0 vote230 views1 answer
Css conver innertext to html using css
CSS
1 vote255 views3 answers
Read more dots css
CSS
0 vote221 views1 answer
Change "no file chosen" pseudo css contact form 7
CSS
0 vote242 views1 answer
Place-content css property
CSS
0 vote237 views1 answer
Htaccess file extension
CSS
16 votes235 views2 answers
Not last child css
CSS
5 votes236 views3 answers
Sticky footer
CSS
3 votes237 views2 answers
How to split a background into two color in css
CSS
42 votes242 views5 answers
Split text javascript
CSS