Use LEFT and RIGHT arrow keys to navigate between flashcards;
Use UP and DOWN arrow keys to flip the card;
H to show hint;
A reads text to speech;
11 Cards in this Set
- Front
- Back
What is a media feature? |
A media feature is the expression or set of conditions inside a media query. A |
|
What are media queries? |
Media queries are CSS rules that include CSS code only when certain conditions are met. |
|
What is the practical cost of creating new breakpoints? |
Each breakpoint slightly increases the complexity of a design and code. |
|
Why should breakpoints be used in combination with fluid grids? |
In mobile first approach, a single column layout won't look good when stretched across a large monitor. The layout "breaks" and must be adjusted. |
|
In general, what is a breakpoint? |
Generally, any media query that adjusts the layout based on a certain width could be called a breakpoint. |
|
Responsive web design can be used with any kind of backend (PHP, Ruby, WordPress, etc) because the principles remain the same? |
This is true. |
|
In computer programming, two common Boolean operators are "and" and "or". Media queries use the keyword "and", but how could a media query represent an "or" if there's no keyword for it? |
Media queries can express an "or" by using a comma to separate two different media queries. |
|
What is flexbox? |
Flexbox is a collection of CSS properties for adjusting page layout based on different screen sizes. |
|
Value for the the media feature "orientation". |
Landscape. |
|
@media only screen and (min-width: 768px) Will this media query be applied if the width of the browser is 768 pixels across? |
Yes. The min-width media feature is inclusive, so a browser width that is equal to the min-width will make the media query true. |
|
Why is it important to create breakpoints based on content rather than based on popular device screen sizes? |
I'd breakpoints are based on popular screen sizes, then they will not be ready for devices that have not yet been released. |