CSS

Question 1

What does the transform property do?

Answer 1

applies a 2D or 3D transformation to an element.

Question 2

Give four examples of CSS transform functions.

Answer 2

translateX, translateY, rotateX, rotateY, skew, matrix3d, scale

Question 3

The transition property is shorthand for which four CSS properties?

Answer 3

transition-property, transition-duration, transition-timing-function, and transition-delay.

Question 4

Give two examples of media features that you can query in an @media rule.

Answer 4

min-width, width, min-height, height , max-width

Question 5

Which HTML meta tag is used in mobile-responsive web pages?

Answer 5

viewport

Question 6

What is a breakpoint in responsive Web design?

Answer 6

the point at which the content and design of a website changes to adapt to different device screen sizes

Question 7

What is the advantage of using a percentage (e.g. 50%) width instead of a fixed (e.g. px) width for a “column” class in a responsive layout?

Answer 7

requires less media queries

scales with the browser size

Question 8

If you introduce CSS rules for a smaller min-width after the styles for a larger min-width in your style sheet, the CSS rules for the smaller min-width will “win”. Why is that?

Answer 8

source order

because its below and is read after