Show:
General Intro Questions
All Things Media Queries
Pseudo Classes
Gradients
Unrelated Knowledge
100
The practice of coding your page to look nice on devices of all sizes.
Responsive Web Design
100
What type of layout did we create in Chapter 5? (Bonus Hint: refer to page 258)
A fluid layout
100
What kind of class allows you to change a link based on it's state?
Pseudo-classes
100
Which version of CSS introduced the gradient property?
CSS3
100
Which of the big two comic companies is Elisa's favorite?
Marvel
200
What type of column layout is used to prevent horizontal scrolling and minimize vertical scrolling? 
Single-Column
200
What would you do in order to add style rules that target desktop and tablet viewports in particular? 
Create a media query for each viewport
200
What are the four link states that a pseudo-class can handle?
Link (default state), visited, hover, active. 
200
What are the two types of gradients that CSS3 supports?
Linear and radial
200
What is Adrienne's favorite color? 
Purple
300
What approach focuses on styling content appropriately for smaller, mobile devices? 
Mobile-First
300
Where can you insert your media queries within your project documents?
Either within the link tag that connects an external stylesheet to the HTML file, or the external stylesheet itself. 
300
How would you structure a style to utilize a pseudo class based on a link state? (Bonus Hint: Refer to page 287)
selector:pseudo-class


Examples in action: nav a:link

nav a:hover

300
What is the default transition for a linear gradient? 
From top to bottom. 
300
Which band performs the song "Bohemian Rhapsody"?
Queen
400
What type of column layout can often be used with a tablet? 
Two-Column
400
Which media query features are commonly used to evaluate whether or not a style should kick in?
min-wdith or max-width
400
Which device will most commonly use pseudo-classes for links?
Desktop (mobile devices are often touch based and do not have support for hovering and actual clicking)
400
What is a radial gradient specified by? (Bonus Hint: Refer to page 292)
It's center, as it forms a circle. 
400
Which curly haired musical artist is known for his parodies of popular songs? 
Weird Al
500
Which element detects the media type, device capabilities (size of viewport, orientation etc.)?
Media Query
500
What do you set within your media query to denote the point you would like the webpage to change? 
Breakpoint
500
Which order must pseudo classes be used in? (Bonus Hint: refer to page 288)
link, visited, hover, active
500
Which prefix would you use within your style sheet to have Google Chrome and Safari support your gradient?
-webkit-
500
What is the name of the professor who teaches the second semester block of the program? (Hint: he is up next for you guys!)
Patrick, or Mr. Hawke.