/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

30 votes113 views4 answers
Opacity color
CSS
7 votes120 views3 answers
Remove hover effect css
CSS
0 vote97 views1 answer
Iphone CSS
CSS
1 vote104 views1 answer
How to remove margin of body
CSS
39 votes106 views2 answers
Font size x large in css
CSS
0 vote128 views1 answer
SPECIFIC CHILD ELEMENTS
CSS
0 vote120 views1 answer
Css bottom:0 isnt the bottom of the page
CSS
0 vote135 views1 answer
All heading tags selector scss
CSS
0 vote110 views1 answer
Ausgewählter text farbe ändern css
CSS
0 vote94 views1 answer
Css if element is empty
CSS