/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 votes209 views2 answers
Scss sass watch command line
CSS
0 vote217 views1 answer
Css grid auto row
CSS
53 votes227 views6 answers
Background color
CSS
0 vote212 views1 answer
Learn css
CSS
1 vote222 views1 answer
-ms css
CSS
8 votes248 views2 answers
Css random color
CSS
0 vote215 views1 answer
Position absolute above everything
CSS
0 vote220 views1 answer
Constraint barrier example
CSS
1 vote236 views2 answers
Css button border
CSS
0 vote202 views1 answer
Make font awesome spin but not the word on hover
CSS