Search Header Logo
Modern HTML and CSS from the Beginning (Including Sass) - Responsive Media Queries - Portfolio Website With Sass

Modern HTML and CSS from the Beginning (Including Sass) - Responsive Media Queries - Portfolio Website With Sass

Assessment

Interactive Video

•

Information Technology (IT), Architecture

•

University

•

Practice Problem

•

Hard

Created by

Wayground Content

FREE Resource

The video tutorial covers creating responsive web designs using SCSS. It starts with setting up a new SCSS file for media queries, focusing on tablets and smartphones. The tutorial demonstrates how to adjust styles for different screen sizes, including stacking grid elements and modifying the layout of the footer, about, and contact pages. It concludes with adjustments for landscape mode, ensuring a consistent and user-friendly design across devices.

Read more

4 questions

Show all answers

1.

OPEN ENDED QUESTION

3 mins • 1 pt

How does the design handle the display of the header content on smaller devices?

Evaluate responses using AI:

OFF

2.

OPEN ENDED QUESTION

3 mins • 1 pt

What is the approach taken to stack elements on the home page?

Evaluate responses using AI:

OFF

3.

OPEN ENDED QUESTION

3 mins • 1 pt

How is the contact form structured in the responsive design?

Evaluate responses using AI:

OFF

4.

OPEN ENDED QUESTION

3 mins • 1 pt

What is the significance of using a media query for landscape mode?

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?