/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 vote311 views1 answer
Bootstrap 3 progress bar animation
CSS Bootstrap
2 votes309 views1 answer
How many pixels is h1 text html
CSS
0 vote323 views2 answers
How to add an image to a label in css
CSS
0 vote288 views1 answer
Laravel asset css not found
CSS
0 vote318 views1 answer
Label for centered image
CSS
0 vote306 views1 answer
Scss how to use a variable in entire angular project
CSS
0 vote307 views2 answers
Ios sms css
CSS
3 votes335 views1 answer
Set svg background color css
CSS
0 vote333 views2 answers
Styling links within a class except the last one
CSS
1 vote318 views1 answer
Css animation display none
CSS