CSS - Absolute and Relative Units
Livestream status
We are currently offline.
If the stream has started, you can watch it directly on YouTube. We add the recording to this page after class.
Open live stream on YouTubeInstructors: Jess, Carmen, and Eda
Absolute and Relative Units
Before this session, please:
- Read Working with Relative and Absolute Units: What Are Absolute Units in CSS, and When Should You Use Them? and take notes
- Read Working with Relative and Absolute Units: What Are Percentages in CSS, and When Should You Use Them? and take notes
- Read Working with Relative and Absolute Units: What Are ems and rems in CSS, and When Should You Use Them? and take notes
- Read Working with Relative and Absolute Units: What Are vh and vw Units, and When Should You Use Them? and take notes
- Read Working with Relative and Absolute Units: What Is the calc() Function, and How Does It Work? and take notes
- Complete Build an Event Flyer Page solo over the next few days. It would be wonderful to see learners creating flyers for events on topics they’re interested in.
- Read CSS Relative and Absolute Units Review and take notes
- Complete CSS Relative and Absolute Units Quiz solo to test your understaing of CSS units
During this session, we’ll:
- Review notes
- Review notes
- Review notes
- Review notes
- Review notes
- Review notes
- We’ll look at CSS Relative and Absolute Units Review together to prepare you to complete this solo over the next few days
After this session, please:
- Read Working with Pseudo-Classes and Pseudo-Elements in CSS: What Are Pseudo-classes, and How Do They Work? and take notes
- Read Working with Pseudo-Classes and Pseudo-Elements in CSS: What Are Examples of Element User Action Pseudo-classes? and take notes
- Read Working with Pseudo-Classes and Pseudo-Elements in CSS: What Are Examples of Input Pseudo-classes? and take notes
- Read Working with Pseudo-Classes and Pseudo-Elements in CSS: What Are Examples of Location Pseudo-classes? and take notes
- Read Working with Pseudo-Classes and Pseudo-Elements in CSS: What Are Examples of Tree-structural Pseudo-classes? and take notes
- Read Working with Pseudo-Classes and Pseudo-Elements in CSS: What Are Examples of Functional Pseudo-classes? and take notes
- Read Working with Pseudo-Classes and Pseudo-Elements in CSS: What Are Pseudo-elements, and How Do They Work? and take notes
- Work though steps from Design a Greeting Card solo, recording your questions and new topics being introduced