Modern HTML and CSS from the Beginning (Including Sass) - Work Gallery With Transitions

Modern HTML and CSS from the Beginning (Including Sass) - Work Gallery With Transitions

Assessment

Interactive Video

Information Technology (IT), Architecture

University

Hard

Created by

Quizizz Content

FREE Resource

The video tutorial guides viewers through creating a 'work' page in a web project using VS Code. It involves copying an existing HTML file, modifying it to include a gallery section, and applying CSS and SASS for styling. The tutorial covers setting up a grid layout, adding images, and implementing hover effects with transitions and overlays. The instructor also explains how to manage styling using SASS files and addresses common issues like server restarts for changes to take effect.

Read more

4 questions

Show all answers

1.

OPEN ENDED QUESTION

3 mins • 1 pt

How many items are planned to be included in the gallery section?

Evaluate responses using AI:

OFF

2.

OPEN ENDED QUESTION

3 mins • 1 pt

What is the significance of using a separate SASS file for styling?

Evaluate responses using AI:

OFF

3.

OPEN ENDED QUESTION

3 mins • 1 pt

What styling is applied to the text within the items?

Evaluate responses using AI:

OFF

4.

OPEN ENDED QUESTION

3 mins • 1 pt

Describe the transition effects applied to the images and text on hover.

Evaluate responses using AI:

OFF