CSS Responsive Layout Flashcards
1
Q
What is a breakpoint in responsive web design?
A
Points where a media query can be introduced
2
Q
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?
A
Without having to worry about specific pixel widths, content can be shown at 50% width of whatever the parent width is set to
3
Q
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 small min-width will “win”. Why is that?
A
Because of how cascading works in CSS in which whatever the latest ruleset is shall be applied to whatever element. Basically reading from top to bottom.
