/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

6 votes272 views3 answers
Skeleton css cdn
CSS Skeleton
15 votes251 views2 answers
Get rid of arrows number input
CSS
12 votes252 views5 answers
Responsive font-size
CSS
0 vote248 views1 answer
React how to wrap
CSS
0 vote303 views1 answer
Transform element
CSS
13 votes291 views2 answers
Bootstrap Aligning images
CSS Bootstrap
3 votes267 views2 answers
Check ssh port
CSS
0 vote248 views1 answer
Text-overflow ellipsis hover tooltip css
CSS
0 vote257 views1 answer
100 bytes of css
CSS
3 votes235 views2 answers
How to get rid of underline for links in css
CSS