/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

5 votes309 views2 answers
Css especifico para safari
CSS
0 vote300 views1 answer
How to mirror flip a video tag css
CSS
0 vote304 views1 answer
Prevent css animation reset
CSS
1 vote294 views1 answer
Change mat icon size
CSS
59 votes289 views1 answer
@media for mobile
CSS
0 vote286 views1 answer
Enqueing another css file in shild
CSS
0 vote299 views1 answer
Font size clamp generator
CSS
0 vote280 views2 answers
How to Reveal Content on Hover with Expanding Corner Tabs in Divi
CSS
-1 vote276 views1 answer
Apple gradients
CSS
0 vote287 views1 answer
Degradado color css
CSS