Refer to the CSS media queries, what does the min-width of 480px mean? <style> body { background-color: lightblue; } @media screen and (min-width: 480px) { body { background-color: lightgreen; } } </style>

The CSS code will apply if the viewport is 480px and above.

The CSS code will apply if the viewport is 480px and below.

The CSS code will apply on device with width of less than 480px.

The CSS code will apply on device with width of more than 480px.

It is the user's visible area of a web page on any display device.

It is the width and height of a mobile device.

It is the width and height of a tablet device.

It is the width of any display device.

In responsive web design, what are breakpoints?

They are browser widths where the web page layout changes once the browser is within the declared range.

They are signals that tell the debugger to temporarily suspend execution of your program at various set points.

They are the widths of sidebars and main content areas of websites.

They are the different device widths.

Chapter 1 Responsive Design

Quiz

•

Other

•

University

•

Practice Problem

•

Medium

Abdul Nursyahid

Used 55+ times

FREE Resource

14 questions

Show all answers

1.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

What do we use to define the display type, width, height, orientation and resolution of media devices?

HTML tag

CSS media queries.

Viewport meta tag

JavaScript scripts

2.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

Which one of the following items will not achieve a responsive website?

Media queries

Flexible media

Fixed layout.

Flexible layout

3.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

In responsive design, which one of the following screen sizes should you start with in planning your design?

Small screen size of mobile phones.

Standard screen size of laptops.

Medium screen size of phablets

Wide screen size of LCD monitors

4.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

Responsive web design enables web page layouts to adapt to a variety of screen sizes. Which one of the following items are used to achieve this adaptive capability?

Use fluid grid layout.

Use fixed grid layout

Use fixed and fluid grid layout

Use fixed, fluid and elastic layout

5.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

Which one of the following viewport meta tags is the default meta tag that adapts to different devices in responsive web design?

6.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

What is/are the unit/s of grids in fluid layouts?

123

pixel

percentages

7.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

Where do you place the viewport metatag?

<head> section.

<body> section.

Anywhere in an html page.

At the start before the <html> tag.

Access all questions and much more by creating a free account

Create resources

Host any resource

Get auto-graded reports

Continue with Google

Continue with Email

Continue with Classlink

Continue with Clever

or continue with

Microsoft

Apple

Others

Already have an account?

Similar Resources on Wayground

12 questions

Parts of the Word Screen and PDF

Quiz

•

KG - University

15 questions

Boat Fundamentals

Quiz

•

University

16 questions

Qualitative research

Quiz

•

University

12 questions

Simpsons

Quiz

•

KG - University

15 questions

Wheels, Tires, and Bearings

Quiz

•

10th Grade - University

14 questions

Malware And Hackers

Quiz

•

KG - University

14 questions

Teknologi Perkantoran

Quiz

•

KG - University

13 questions

Questionnaire

Quiz

•

University

Popular Resources on Wayground

15 questions

Fractions on a Number Line

Quiz

•

3rd Grade

20 questions

Equivalent Fractions

Quiz

•

3rd Grade

25 questions

Multiplication Facts

Quiz

•

5th Grade

54 questions

Analyzing Line Graphs & Tables

Quiz

•

4th Grade

$fractions$

22 questions

fractions

Quiz

•

3rd Grade

20 questions

Main Idea and Details

Quiz

•

5th Grade

20 questions

Context Clues

Quiz

•

6th Grade

15 questions

Equivalent Fractions

Quiz

•

4th Grade

Discover more resources for Other

7 questions

How James Brown Invented Funk

Interactive video

•

10th Grade - University

5 questions

Helping Build the Internet: Valerie Thomas | Great Minds

Interactive video

•

11th Grade - University

12 questions

IREAD Week 4 - Review

Quiz

•

3rd Grade - University

23 questions

Subject Verb Agreement

Quiz

•

9th Grade - University

7 questions

Renewable and Nonrenewable Resources

Interactive video

•

4th Grade - University

19 questions

Review2-TEACHER

Quiz

•

University

15 questions

Pre2_STUDENT

Quiz

•

University

20 questions

Ch. 7 Quadrilateral Quiz Review

Quiz

•

KG - University

Chapter 1 Responsive Design

14 questions

What do we use to define the display type, width, height, orientation and resolution of media devices?

Which one of the following items will not achieve a responsive website?

In responsive design, which one of the following screen sizes should you start with in planning your design?

Responsive web design enables web page layouts to adapt to a variety of screen sizes. Which one of the following items are used to achieve this adaptive capability?

Which one of the following viewport meta tags is the default meta tag that adapts to different devices in responsive web design?

What is/are the unit/s of grids in fluid layouts?

Where do you place the viewport metatag?

Refer to the CSS media queries, what does the min-width of 480px mean?<style>body {background-color: lightblue;}@media screen and (min-width: 480px) {body {background-color: lightgreen;}}</style>

What is a viewport?

Access all questions and much more by creating a free account

Similar Resources on Wayground

Popular Resources on Wayground

Discover more resources for Other

Refer to the CSS media queries, what does the min-width of 480px mean?

<style>
body {
background-color: lightblue;
}

@media screen and (min-width: 480px) {
body {
background-color: lightgreen;
}
}
</style>