/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 vote378 views1 answer
Éviter que l'on découvre l'identifiant d'un auteur
CSS
0 vote379 views2 answers
Also define the standard property 'background-clip' for compatibility
CSS
14 votes402 views4 answers
Css first of type
CSS
6 votes363 views2 answers
Space between flexbox
CSS
12 votes324 views2 answers
Input number hide button
CSS
2 votes367 views1 answer
Set table cellpadding and cellspacing in CSS
CSS
0 vote390 views1 answer
Css set transition duration for a property
CSS
0 vote377 views1 answer
How to put an element in front
CSS
2 votes369 views2 answers
Css fill parent height
CSS
2 votes365 views1 answer
Css rounded corners at top only
CSS