Search Header Logo
Modern HTML and CSS from the Beginning (Including Sass) - Home Articles Grid

Modern HTML and CSS from the Beginning (Including Sass) - Home Articles Grid

Assessment

Interactive Video

•

Information Technology (IT), Architecture

•

University

•

Practice Problem

•

Hard

Created by

Wayground Content

FREE Resource

The video tutorial guides viewers through creating a grid of articles using HTML5 and CSS. It starts with setting up an HTML5 section with an ID and padding classes. The instructor then demonstrates how to create a grid of articles, each styled as a card, and how to add images. Additional articles are added with varying layouts, and CSS is used to style the articles and grids. Advanced grid techniques are employed for layout adjustments, and the video concludes with finalizing styles and preparing for the next steps.

Read more

10 questions

Show all answers

1.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

What HTML5 tag is used to define a section of articles?

2.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

What is the purpose of using a grid within a grid?

To reduce code

To improve SEO

To add more content

To align content differently

3.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

What class is commonly used in frameworks like Bootstrap to style content containers?

container

card

grid

flex

4.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

How can you ensure that an article is aligned to the center of its container?

Set text-align to center

Use a container class

Use padding

Add a margin

5.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

Which CSS property is used to define the number of columns in a grid?

grid-template-rows

grid-area

grid-gap

grid-template-columns

6.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

What selector can be used to target the first child of a container?

:first-child

:last-child

:nth-child(1)

:only-child

7.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

Which CSS property is used to add space between grid items?

margin

padding

grid-gap

border-spacing

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?