Mobile first design

Question 1

What design idea is a core concept of responsive web design where you create first for mobile and scale up along the line?

Answer 1

Mobile-First Design

Question 2

Where does responsive website design focus on according to Ben Gremillion?

Answer 2

content and on the users

Question 3

What one word describes the core or heart of a website?

Answer 3

content

Question 4

Which device is said to be the most used in accessing the Web?

Answer 4

Mobile

Question 5

What technique is used to change the appearance of your web page according to viewport?

Answer 5

Media Query

Question 6

What CSS rule is used to apply media queries to your stylesheets?

Answer 6

@media CSS rule

Question 7

What is identified in order to know which CSS Style set will be applied using media queries?

Answer 7

viewport

Question 8

What do you call the points where the appearance of the website changes according to device size?

Answer 8

breakpoints

Question 9

Which devices do not need media queries?

Answer 9

extra small devices

Question 10

Which is longer in portrait mode, the height or the width?

Answer 10

height

Question 11

@media CSS rule is written inside a CSS file or inside _____________ tags.

Answer 11

<style></style>

Question 12

It is where you design for the smallest mobile device first then work your way up to the largest screen.

Answer 12

Mobile-First Design

Question 13

What is the correct CSS code in setting the media query?

Answer 13

@media only screen and (max-width: 500px)

Question 14

These are the input controls such as buttons, text fields, or sliders.

Answer 14

Tap targets

Question 15

Sets of conditions that when met, changes layout which enables the users to consume the content of a website in the best way possible.

Answer 15

Breakpoints

Question 16

The screen size of this breakpoint set should be greater than or equal to 758 pixels but not typically more than 991 pixels.

Answer 16

Tablet’s breakpoint

Question 17

The screen size of this breakpoint set should be greater than or equal to 992 pixels but not greater than 1199 pixels.

Answer 17

PC breakpoint

Question 18

It gives you the small viewing portion for the video while giving the other details and options on the lower end of the screen.

Answer 18

Portrait

Question 19

These devices don’t need media queries because the default CSS should apply for those devices.

Answer 19

Extra small devices