css-responsive-layout Flashcards

1
Q

What is a breakpoint in responsive Web design?

A

It is where a website content will change it’s layout for better user experience

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
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

Percentage takes the screen width into consideration; pixels are static and stays the same regardless of adjusting the screen size.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
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 smaller min-width will “win”. Why is that?

A

The source order gives priority to the CSS rule that are lower on the page

How well did you know this?
1
Not at all
2
3
4
5
Perfectly