CSS - Flexbox
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
Flexbox
Before this session, please:
- Read Working with CSS Flexbox: What Is CSS Flexbox, and When Should You Use It? and take notes
- Read Working with CSS Flexbox: What Are Some Common Flex Properties, and How Do They Work? and take notes
- Try to complete all the steps from Build a Flexbox Photo Gallery to begin to get an understanding of flexbox
- Try to complete as much of Design a Set of Colorful Boxes as you can, to reinforce your understanding of flexbox. You may need to finish this over the next few days
- Complete Design a Pricing Plans Layout Page solo over the next few days
- Read CSS Flexbox Review and take notes
- Complete CSS Flexbox Quiz solo to test your knowledge of flexbox
- Spend the next few days or weeks completing Build a Page of Playing Cards. Certification projects should show as much of your skill and style as possible.
During this session, we’ll:
- Review notes
- Review notes
- We’ll work through steps from Build a Flexbox Photo Gallery together to explore how flexbox works
- We’ll review key concepts from Design a Set of Colorful Boxes together
- We’ll answer your questions for how to approach Design a Pricing Plans Layout Page but won’t go over this lab in detail in class, to help you begin approaching projects more independently
- Review notes
- We’ll talk through how you might want to approach Build a Page of Playing Cards, to help prepare you to complete this certification project on your own
After this session, please:
- Read Working with CSS Fonts: What Are the Fundamentals of Typography? and take notes
- Read Working with CSS Fonts: What Are Some Best Practices for Working with Typography in Your Designs? and take notes
- Read Working with CSS Fonts: What Are Font Families and How Do They Work? and take notes
- Read Working with CSS Fonts: What Are Web Safe Fonts? and take notes
- Read Working with CSS Fonts: What Is the @font-face At-Rule, and How Does It Work? and take notes
- Read Working with CSS Fonts: How Do You Work with External Fonts Like Font Squirrel and Google Fonts? and take notes
- Read Working with CSS Fonts: What Is the text-shadow Property, and How Does It Work? and take notes
- Try to complete as many steps from Build a Nutritional Label as you can before class, you may need to finish this over the next few days
- Complete Build a Newspaper Article solo over the next few days
- Read CSS Typography Review and take notes
- Complete CSS Typography Quiz solo to test your knowledge of typography and CSS