/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 vote122 views1 answer
Border 1px thick
CSS
12 votes127 views4 answers
Sticky header
CSS
0 vote199 views1 answer
Css bootstrap carousel fade how to add fade in up text
CSS Bootstrap
0 vote134 views1 answer
Operating system font-family css
CSS
0 vote123 views1 answer
~@danielmoncada/angular-datetime-picker/assets/style/picker.min.css"
CSS
1 vote161 views1 answer
Css fixed center vertical
CSS
0 vote134 views1 answer
Setting size for png icon in CSS
CSS
0 vote90 views1 answer
Laravel load css from public
CSS
-1 vote132 views2 answers
Cliping setting
CSS
0 vote130 views1 answer
Account system php html
CSS