/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 vote178 views1 answer
Css using border top border bottom to create a hamburger icon
CSS
5 votes168 views1 answer
Html how to indent text
CSS
0 vote178 views1 answer
Liste commandes disponibles linux
CSS
2 votes192 views2 answers
Restrict a paragraph height css
CSS
56 votes220 views1 answer
Media queries screen width
CSS
66 votes158 views6 answers
Rotate element css
CSS
13 votes142 views4 answers
Background color transparent
CSS
2 votes172 views2 answers
Css display none transition
CSS
3 votes147 views1 answer
Convert angular project from css to scss
CSS
0 vote114 views1 answer
How to use linear-gradient together with background image in bootstrap
CSS