/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

3 votes142 views2 answers
How to align elements horizontally in css
CSS
19 votes136 views4 answers
Add blur background css
CSS
0 vote153 views1 answer
Anchor links scrolling too far
CSS
14 votes193 views6 answers
Bootstrap image size
CSS Bootstrap
1 vote131 views1 answer
Css ecken abrunden
CSS
1 vote163 views1 answer
On hover chang only border color of a button css
CSS
0 vote140 views1 answer
Align grid items with end
CSS
0 vote133 views1 answer
Ubuntu phantomjs wrong paper size
CSS
4 votes171 views3 answers
.col-6 bootstrap
CSS Bootstrap
0 vote142 views1 answer
Alpine extract data to script tag
CSS