/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 vote132 views1 answer
CSS Attribute Selector with role attribute
CSS
2 votes150 views1 answer
Tailwind icon animation
CSS
1 vote144 views1 answer
How to make horizontal rule dotted
CSS
0 vote118 views1 answer
Css prevent grid blowout
CSS
0 vote121 views1 answer
Which CSS property is used to add shadow to an element?
CSS
2 votes130 views1 answer
Hover effect button css
CSS
1 vote122 views1 answer
Ul li dot seprator
CSS
6 votes114 views4 answers
Css hover to disable
CSS
0 vote141 views1 answer
Sass each index
CSS
0 vote118 views2 answers
Center a fixed div horizontally
CSS