CSS Bootcamp: Master CSS (Including CSS Grid/Flexbox) - Sidebar-Markup

CSS Bootcamp: Master CSS (Including CSS Grid/Flexbox) - Sidebar-Markup

Assessment

Interactive Video

Information Technology (IT), Architecture

University

Practice Problem

Hard

Created by

Wayground Content

FREE Resource

The video tutorial guides viewers through building the first part of a project, focusing on creating a sidebar and navigation. It explains the structure, including a menu icon, social media icons, and a paragraph displaying the current year. The navigation section includes a search input, navigation items with hover effects, and a copyright text. The tutorial also covers setting up the code, using comments for clarity, and adding social media icons with Font Awesome. The sidebar markup is finalized with a paragraph, preparing for styling in the next lecture.

Read more

7 questions

Show all answers

1.

OPEN ENDED QUESTION

3 mins • 1 pt

What are the two main parts of the project mentioned in the text?

Evaluate responses using AI:

OFF

2.

OPEN ENDED QUESTION

3 mins • 1 pt

Describe the purpose of the sidebar in the project.

Evaluate responses using AI:

OFF

3.

OPEN ENDED QUESTION

3 mins • 1 pt

What elements are included in the navigation section?

Evaluate responses using AI:

OFF

4.

OPEN ENDED QUESTION

3 mins • 1 pt

How does the teacher suggest using comments in the code?

Evaluate responses using AI:

OFF

5.

OPEN ENDED QUESTION

3 mins • 1 pt

What is the significance of the menu icon in the sidebar?

Evaluate responses using AI:

OFF

6.

OPEN ENDED QUESTION

3 mins • 1 pt

List the social media icons that are planned to be included.

Evaluate responses using AI:

OFF

7.

OPEN ENDED QUESTION

3 mins • 1 pt

What is the final element created for the sidebar and what does it display?

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?