CSS Bootcamp: Master CSS (Including CSS Grid/Flexbox) - Fractional Units

CSS Bootcamp: Master CSS (Including CSS Grid/Flexbox) - Fractional Units

Assessment

Interactive Video

Information Technology (IT), Architecture

University

Hard

Created by

Quizizz Content

FREE Resource

The video tutorial covers the basics of CSS grid, focusing on grid template rows and columns. It explains how to use 'auto' and 'fractional units' (Fr) to manage space within a grid container. The tutorial demonstrates how to adjust column and row sizes using these units, including making columns or rows equal or proportionally different in size. It introduces the 'repeat' function to simplify grid definitions and explores other measurement units like percentages and viewport width. The video aims to provide a comprehensive understanding of CSS grid layout techniques.

Read more

3 questions

Show all answers

1.

OPEN ENDED QUESTION

3 mins • 1 pt

How does changing the height of a container affect the rows within it when using fractional units?

Evaluate responses using AI:

OFF

2.

OPEN ENDED QUESTION

3 mins • 1 pt

What is the effect of setting one column to 50% and the others to fractional units?

Evaluate responses using AI:

OFF

3.

OPEN ENDED QUESTION

3 mins • 1 pt

Describe how you can use different measurement units in CSS Grid.

Evaluate responses using AI:

OFF