/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

1 vote207 views1 answer
Place-items css property
CSS
86 votes177 views3 answers
Css tekst bold
CSS
0 vote210 views1 answer
Crypto module
CSS
27 votes210 views4 answers
Css keyframes
CSS
3 votes193 views3 answers
How to change paragraph text color to orange - css
CSS
0 vote182 views1 answer
Inline list css without floats
CSS
7 votes139 views1 answer
Dashed css
CSS
0 vote180 views1 answer
Animacion de gota css
CSS
0 vote181 views4 answers
Uikit theme
CSS
89 votes218 views6 answers
Padding
CSS