CSS Bootcamp: Master CSS (Including CSS Grid/Flexbox) - Day Offer Section

CSS Bootcamp: Master CSS (Including CSS Grid/Flexbox) - Day Offer Section

Assessment

Interactive Video

Information Technology (IT), Architecture

University

Practice Problem

Hard

Created by

Wayground Content

FREE Resource

The video tutorial guides viewers through creating and styling a new section on a webpage. It begins with HTML markup for a 'Day Offer' section, including images, headings, paragraphs, and buttons. The tutorial then covers styling the section using CSS grid layout, positioning elements, and styling individual components. It concludes with final adjustments and adding hover effects to enhance interactivity.

Read more

10 questions

Show all answers

1.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

What is the first element added in the 'Offer of the Day' section?

Image

Paragraph

Button

Heading

2.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

What class name is assigned to the button in the 'Offer of the Day' section?

dayOfferBTM

offerButton

offerDayButton

dayOfferBtn

3.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

What is the purpose of adding a new row to the page layout?

To add more content

To change the background

To add a footer

To fix layout issues

4.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

How many columns is the 'Offer of the Day' section divided into?

4

5

3

2

5.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

Which CSS property is used to make the section a grid container?

display: flex

display: block

display: grid

display: inline

6.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

What is the grid column span for the first image?

2 to 4

3 to 5

1 to 2

1 to 3

7.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

What font size is set for the heading in the 'Offer of the Day' section?

5 rem

4 rem

6 rem

7 rem

Create a free account and access millions of resources

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?