/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

4 votes153 views4 answers
What is the "style", when creating an internal CSS?
CSS
48 votes159 views2 answers
Css clear
CSS
3 votes138 views3 answers
Use css to replace icon with text when hover
CSS
0 vote152 views1 answer
Box shadow css animation
CSS
14 votes212 views4 answers
Text align left bootstrap
CSS Bootstrap
0 vote159 views2 answers
Clearfix
CSS
0 vote144 views1 answer
Can I use placeholder in <input type="time"/>
CSS
0 vote149 views2 answers
Create fish alias
CSS
0 vote213 views1 answer
Div overlfow scroll
CSS
0 vote149 views2 answers
How to change the select arrow in css
CSS