CSS - Variables

Instructors: Jess, Carmen, and Eda

Variables

Before this session, please:

• Read Working with CSS Variables: What Are CSS Custom Properties, and How Do They Work? and take notes
• Read Working with CSS Variables: What Is the @property Rule, and How Does It Work with Fallbacks? and take notes
• Try to complete as many steps from Build a City Skyline before class. This workshop is big and you may need to complete this over the next few days
• Complete Build an Availability Table solo over the next few days. Make sure you don’t just copy the example, think before using green.
• Read CSS Variables Review and take notes
• Complete CSS Variables Quiz solo to test your knowledge of CSS Variables

During this session, we’ll:

• Review notes
• Review notes
• We’ll work through key steps from Build a City Skyline together to review what we’re learning
• We’ll look at approaches you could take to complete Build an Availability Table solo over the next few days
• Review notes

After this session, please:

• Read Working with CSS Grid: What Is CSS Grid, and How Does It Differ from Flexbox? and take notes
• Read Working with CSS Grid: How Can You Create Flexible Grids with the fr Unit? and take notes
• Read Working with CSS Grid: How Can You Create Gaps Between Tracks in a Grid? and take notes
• Read Working with CSS Grid: How Can You Repeat Track Listings in a Grid Layout? and take notes
• Read Working with CSS Grid: What Is the Difference Between an Implicit and Explicit Grid? and take notes
• Read Working with CSS Grid: What Is the minmax() Function and How Does It Work? and take notes
• Read Working with CSS Grid: How Do the grid-column and grid-row Properties Work? and take notes
• Read Working with CSS Grid: How Can You Position Items on the Grid Using the grid-template-areas Property? and take notes
• Try to complete as many steps from Build a Magazine as possible, you may need to complete this workshop over the next few days