Search Header Logo
CSS Bootcamp: Master CSS (Including CSS Grid/Flexbox) - Bestselling Furniture-Style

CSS Bootcamp: Master CSS (Including CSS Grid/Flexbox) - Bestselling Furniture-Style

Assessment

Interactive Video

Information Technology (IT), Architecture

University

Practice Problem

Hard

Created by

Wayground Content

FREE Resource

The video tutorial covers the process of setting up and styling a 'Best Selling Furniture' section on a webpage. It begins with the initial setup of the grid layout, followed by positioning and styling the section. The tutorial then focuses on aligning and styling cards using CSS grid, and further details the styling of individual card elements such as headings, paragraphs, and buttons. Finally, it adds hover effects and final touches to complete the section.

Read more

7 questions

Show all answers

1.

OPEN ENDED QUESTION

3 mins • 1 pt

What is the first step mentioned for styling the new section?

Evaluate responses using AI:

OFF

2.

OPEN ENDED QUESTION

3 mins • 1 pt

How is the grid column defined for the best selling furniture section?

Evaluate responses using AI:

OFF

3.

OPEN ENDED QUESTION

3 mins • 1 pt

What font size is set for the heading in the best selling furniture section?

Evaluate responses using AI:

OFF

4.

OPEN ENDED QUESTION

3 mins • 1 pt

What method is used to create space between columns in the grid?

Evaluate responses using AI:

OFF

5.

OPEN ENDED QUESTION

3 mins • 1 pt

What is the background color used for the cards in the best selling furniture section?

Evaluate responses using AI:

OFF

6.

OPEN ENDED QUESTION

3 mins • 1 pt

Describe the styling applied to the button in the best selling furniture section.

Evaluate responses using AI:

OFF

7.

OPEN ENDED QUESTION

3 mins • 1 pt

What hover effect is added to the button?

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?