CSS Bootcamp: Master CSS (Including CSS Grid/Flexbox) - Navbar - Part 1-Markup

CSS Bootcamp: Master CSS (Including CSS Grid/Flexbox) - Navbar - Part 1-Markup

Assessment

Interactive Video

Information Technology (IT), Architecture

University

Hard

Created by

Quizizz Content

FREE Resource

The video tutorial guides viewers through building a project with social media icons and navigation. It starts with an overview of the project, followed by setting up the browser environment using Mozilla Firefox. The tutorial then details creating social media icons using Font Awesome and list elements, including Facebook, LinkedIn, Twitter, and Instagram icons. Finally, it covers building a navigation section with items like sign up/log in, shopping cart, order now, and wish list, using HTML5 NAV elements.

Read more

7 questions

Show all answers

1.

OPEN ENDED QUESTION

3 mins • 1 pt

Which browser was used in the previous section instead of Google Chrome?

Evaluate responses using AI:

OFF

2.

OPEN ENDED QUESTION

3 mins • 1 pt

What are the two main parts that the navigation bar will consist of?

Evaluate responses using AI:

OFF

3.

OPEN ENDED QUESTION

3 mins • 1 pt

What class will be assigned to the container wrapping the social media icons and navigation?

Evaluate responses using AI:

OFF

4.

OPEN ENDED QUESTION

3 mins • 1 pt

How many social media icons are planned to be included in the markup?

Evaluate responses using AI:

OFF

5.

OPEN ENDED QUESTION

3 mins • 1 pt

What additional class is assigned to each social icon for styling purposes?

Evaluate responses using AI:

OFF

6.

OPEN ENDED QUESTION

3 mins • 1 pt

What is the purpose of the 'NAV' element in the markup?

Evaluate responses using AI:

OFF

7.

OPEN ENDED QUESTION

3 mins • 1 pt

List the four navigation items mentioned in the markup.

Evaluate responses using AI:

OFF