/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

28 votes261 views3 answers
Text gradient css3
CSS
-2 votes267 views1 answer
Div color overlay css
CSS
2 votes280 views1 answer
Css percent minus pixel
CSS
2 votes259 views1 answer
Ion input change font size
CSS
1 vote257 views2 answers
Textarea scale to content
CSS
-1 vote268 views1 answer
Move up on hover css
CSS
1 vote236 views2 answers
CSS transform properties are used to change the shape and position of the selected objects. The transform-origin property specifies the location of the element's transformation origin. By default, what is the location of the origin?
CSS
0 vote247 views1 answer
Remove onclick highlight from anchor tag when opened in mobile
CSS
9 votes263 views4 answers
Change button size css
CSS
3 votes291 views2 answers
Css glass effect
CSS