AI Features
Log In
0% completed
All Lessons
Free Lessons (3)
Getting Started
Introduction to the Course
What You’ve Missed in CSS
New and Enhanced Properties
New and Extended Selectors
Improvements for Element Styling
New and Updated Properties for Layout and Scroll Behavior
Modern Responsive Design Features
A Paradigm-Shift for CSS Organization
Challenge: Newsletter Subscription Form
Solution: Newsletter Subscription Form
Quiz: What You’ve Missed in CSS
Using the :has() Selector for Scaling Reusable Components
Overview of What’s New with the :has() Selector
An Introduction to the :has() Selector
Limitations of the :has() Selector
Using the :has() Selector for Proactive Component Styling
Alternate Grid Layouts for a Hero Component
Change Grid Layout Using Quantity Queries
Safely Using the :has() Selector Today
Challenge: Button Design Variations
Solution: Button Design Variations
Quiz: Using the :has() Selector for Scaling Reusable Components
Practical Uses of Container Queries
Container Queries vs. Viewport Media Queries
Defining Container Queries
Upgrading a Card Component
Container Queries and Fluid Typography
Shipping Resilient Components
Coordinating the Visibility of Component Parts
Using Named Containers for Targeted Queries
Improving Accessibility with Container Queries
Support and Future of Container Queries
Challenge: Making a Button Responsive
Solution: Making a Button Responsive
Quiz: Practical Uses of Container Queries
Responsive CSS Layout without Media Queries
Overview of Responsive Design
Responsive Spacing
Gap and Layout Spacing
Responsive Sizing
Responsive Layouts with Grid and Flexbox
Reducing Risk of Layout Overflow
Responsive Containers
Review of Responsive Techniques
Challenge: Adding Responsiveness Using Flexbox
Solution: Adding Responsiveness Using Flexbox
Quiz: Responsive CSS Layout without Media Queries
Conclusion
Wrap Up
Home
Courses
Mastering the Latest Features in CSS
Solution: Adding Responsiveness Using Flexbox
Review the solution to the challenge of adding responsiveness using flexbox.
We'll cover the following...
Solution
Explanation
Solution
...