CSS-responsive-layout

Question 1

What is a breakpoint in responsive web design?

Answer 1

The points at which a media query is introduced are known as breakpoints

Question 2

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

Answer 2

using relative units allows your content to maintain ratio. Allows the page to dynamically adapt as your screen size changes.

Question 3

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 3

Order matters, source order.