Topic: web programming

Consider the following snippet of CSS containing some media queries.

li {

font-size: 1rem;

padding: 2rem;

}

@media only screen and (min-width: 768px) {

li {

font-size: 2rem;

border: 1px solid blue;

}

}

@media only screen and (min-width: 992px) {

li {

font-size: 3rem;

padding: 0rem;

}

}

Select all the statements below which are true.

1. Setting padding to 0 rem in the last media query can be omitted as it has no overall effect on the padding of list items

2. The order in which the two media queries are listed is not important

3. rem is the preferred CSS unit measure because small screen size devices do not support pixel based measurements

4. the font size of the list items will change twice as the user resizes their browser screen width from 500px to 1000px

5.on a screen of width 800 pixels all list items will have a padding of 2 rem

6. if the two media queries were defined before the general li CSS definition then all list items would have a font size of 1 rem irrespective of screen width