AI-powered learning
Save this course
Mastering the Latest Features in CSS
Gain insights into the latest CSS features, including new properties, the :has() selector, and container queries. Learn to create responsive layouts and engaging user experiences with minimal code.
44 Lessons
6h
Join 2.9 million developers at
Join 2.9 million developers at
LEARNING OBJECTIVES
- Hands-on experience creating responsive layouts using recent additions to CSS
- In-depth knowledge of the latest element selectors in CSS
- In-depth knowledge of the latest properties added to CSS
- An understanding of the key upcoming features in CSS
Learning Roadmap
2.
What You’ve Missed in CSS
What You’ve Missed in CSS
Discover the logic behind the latest CSS features for enhanced styling, layout, and responsiveness.
New and Enhanced PropertiesNew and Extended SelectorsImprovements for Element StylingNew and Updated Properties for Layout and Scroll BehaviorModern Responsive Design FeaturesA Paradigm-Shift for CSS OrganizationChallenge: Newsletter Subscription FormSolution: Newsletter Subscription FormQuiz: What You’ve Missed in CSS
3.
Using the :has() Selector for Scaling Reusable Components
Using the :has() Selector for Scaling Reusable Components
10 Lessons
10 Lessons
Examine the :has() selector's role in enhancing CSS styling flexibility and dynamic layouts.
4.
Practical Uses of Container Queries
Practical Uses of Container Queries
12 Lessons
12 Lessons
Apply your skills to create responsive, adaptable designs using container queries in CSS.
5.
Responsive CSS Layout without Media Queries
Responsive CSS Layout without Media Queries
11 Lessons
11 Lessons
Dig deeper into responsive CSS layouts, including spacing, sizing, Grid, Flexbox, and container queries.
Certificate of Completion
Showcase your accomplishment by sharing your certificate of completion.
Complete more lessons to unlock your certificate
Developed by MAANG Engineers
ABOUT THIS COURSE
Mastering CSS is a fundamental requirement for any front-end or full stack developer. It is a complex field, and browser compatibility is often a challenge. The CSS Working Group periodically updates the CSS specifications to add more functionality, making styling web documents easier and creating exciting learner experiences.
In this course, you’ll cover several new properties and selectors in layout and responsive design. Next, you’ll learn about the :has() selector and container queries and their use cases. Finally, you’ll learn to create responsive layouts without media queries. Throughout the course, you’ll discuss each new feature’s browser compatibility.
After completing this course, you’ll have the practical knowledge to create responsive layouts and engaging user experiences with a few lines of code. You can write less code to do more, utilizing several new properties and selectors efficiently. This skill set will help you create great user experiences.
ABOUT THE AUTHOR
SitePoint
Become a better developer. Build a better web. Teaching web development and design since 1999. Trusted by millions every month.
Trusted by 2.9 million developers working at companies
A
Anthony Walker
@_webarchitect_
E
Evan Dunbar
ML Engineer
S
Software Developer
Carlos Matias La Borde
S
Souvik Kundu
Front-end Developer
V
Vinay Krishnaiah
Software Developer
Built for 10x Developers
No Passive Learning
Learn by building with project-based lessons and in-browser code editor


Personalized Roadmaps
The platform adapts to your strengths & skills gaps as you go


Future-proof Your Career
Get hands-on with in-demand skills


AI Code Mentor
Write better code with AI feedback, smart debugging, and "Ask AI"




MAANG+ Interview Prep
AI Mock Interviews simulate every technical loop at top companies

