/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

0 vote315 views1 answer
Circle with 4 colors css
CSS
0 vote255 views1 answer
Img grows up onmouseover css
CSS
1 vote307 views1 answer
Ng-deep
CSS
15 votes308 views4 answers
Docker postgres
CSS
0 vote387 views1 answer
Line not breaking css
CSS
1 vote311 views1 answer
Login
CSS
0 vote301 views1 answer
Check concurrent connections for linux user
CSS
0 vote296 views1 answer
How to make bootstrap cards same height css trics
CSS
-1 vote291 views1 answer
Hwo to use flexbox to make a nav bar
CSS
17 votes307 views1 answer
Variables scss en calc()
CSS