CSS - Flexbox

Instructors: 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