Search Header Logo
CSS Bootcamp: Master CSS (Including CSS Grid/Flexbox) - Make "Grand Hotel" Project Responsive - Part 2

CSS Bootcamp: Master CSS (Including CSS Grid/Flexbox) - Make "Grand Hotel" Project Responsive - Part 2

Assessment

Interactive Video

Information Technology (IT), Architecture

University

Practice Problem

Hard

Created by

Wayground Content

FREE Resource

The video tutorial explains how to use CSS media queries to make a project responsive at different breakpoints. It covers setting breakpoints at 1200px, 900px, and 750px, and demonstrates how to adjust layout properties like flex direction, padding, margin, and z-index to ensure elements display correctly. The tutorial also includes specific instructions for centering text, resizing images, and rearranging elements using CSS properties.

Read more

3 questions

Show all answers

1.

OPEN ENDED QUESTION

3 mins • 1 pt

What adjustments are made to the footer list items under 750 pixels?

Evaluate responses using AI:

OFF

2.

OPEN ENDED QUESTION

3 mins • 1 pt

What is the purpose of using the 'order' property for the copyright text in the footer?

Evaluate responses using AI:

OFF

3.

OPEN ENDED QUESTION

3 mins • 1 pt

What is the final breakpoint discussed in the text, and what changes are made at that breakpoint?

Evaluate responses using AI:

OFF

Access all questions and much more by creating a free account

Create resources

Host any resource

Get auto-graded reports

Google

Continue with Google

Email

Continue with Email

Classlink

Continue with Classlink

Clever

Continue with Clever

or continue with

Microsoft

Microsoft

Apple

Apple

Others

Others

Already have an account?