Mobile first design Flashcards
(19 cards)
What design idea is a core concept of responsive web design where you create first for mobile and scale up along the line?
Mobile-First Design
Where does responsive website design focus on according to Ben Gremillion?
content and on the users
What one word describes the core or heart of a website?
content
Which device is said to be the most used in accessing the Web?
Mobile
What technique is used to change the appearance of your web page according to viewport?
Media Query
What CSS rule is used to apply media queries to your stylesheets?
@media CSS rule
What is identified in order to know which CSS Style set will be applied using media queries?
viewport
What do you call the points where the appearance of the website changes according to device size?
breakpoints
Which devices do not need media queries?
extra small devices
Which is longer in portrait mode, the height or the width?
height
@media CSS rule is written inside a CSS file or inside _____________ tags.
<style></style>
It is where you design for the smallest mobile device first then work your way up to the largest screen.
Mobile-First Design
What is the correct CSS code in setting the media query?
@media only screen and (max-width: 500px)
These are the input controls such as buttons, text fields, or sliders.
Tap targets
Sets of conditions that when met, changes layout which enables the users to consume the content of a website in the best way possible.
Breakpoints
The screen size of this breakpoint set should be greater than or equal to 758 pixels but not typically more than 991 pixels.
Tablet’s breakpoint
The screen size of this breakpoint set should be greater than or equal to 992 pixels but not greater than 1199 pixels.
PC breakpoint
It gives you the small viewing portion for the video while giving the other details and options on the lower end of the screen.
Portrait
These devices don’t need media queries because the default CSS should apply for those devices.
Extra small devices
