/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 vote312 views1 answer
Bootstrap 4 material icon vertical align
CSS Bootstrap
3 votes177 views3 answers
Svg animation css
CSS
1 vote172 views3 answers
Background image in css is not working
CSS
156 votes267 views6 answers
Center a div css
CSS
100 votes187 views2 answers
What is position property in css
CSS
0 vote177 views1 answer
Before width not working
CSS
6 votes171 views1 answer
How to make text wrap on overfloe with css
CSS
5 votes192 views1 answer
Cursor as image css
CSS
-7 votes284 views6 answers
Css all flex properties
CSS
98 votes228 views2 answers
Css box-shadow shorthand
CSS