There are dozens of interactive tests that will challenge your CSS knowledge.
Our custom in-browser coding engine provides you with tasks, and your goal is to utilize your knowledge of CSS to complete the layout challenge.
You're going to rock at making layouts.
Learn how to build beautiful layouts with CSS in our new Interactive Course taught by Gary Simon.
or learn more
CSS
Course Update
Learn to code with AI
ChatGPT Integration Makes Learning CSS Easy.
Harness the power of OpenAI’s ChatGPT inside of our web-based, interactive code editor. No OpenAI account needed.
It’s better learning CSS by building things that look good.
Every component, layout & project you create in this course has an associated Figma file designed by your instructor, Gary Simon.
When you build something with HTML & CSS that looks great in the browser, it makes learning so much funner.
Video
8 hours worth of video instructional by Gary Simon
Code Tests
Interactive code tests are a fun way to CSS properties
Challenges
Challenge yourself by tackling layouts designed in Figma.
The new CSS course by Gary Simon is awesome.
Love the coding games that have been put through out the course. Gary has done an fantastic job at explaining concepts like flexbox through small projects.
Sudhanshu Prasad
UX/UI Designer
Code in the browser with our interactive tests.
CSS Basics
Rem vs Em Units Absolute vs Relative Figma to CSS Conversions
Flexbox & Projects
Flexbox Basics Article Listings Search Game Stats Social Sharing User Avatar Navigations Drum Module Timeline Chat Messages
Responsive Flexbox Projects
Responsive Gallery News Listings Telecom Service Anxiety App Web Stats Responsive Nav Signup Form Cards Animal Tours
Grid
Grid Basics Simple Grid Gallery Toolbar More projects to come
Responsive Grid
Applying Grid in Media Queries
Full Projects
Dozens of Component Projects Recall - Full Layout Project Designalytics - Full Layout Project Couply - Full Project Challenge
Introducing your Teacher, Gary Simon
Gary has over 20 years experience as a UI/UX Designer & Frontend Developer. After enjoying a freelance career that lasted over a decade, Gary’s content has reached millions of people and helped countless individuals establish careers.
1 Million+ Subscribers
1,100+ Videos
65m+ Views
80+ Courses
100+ Articles
Have more questions about this course? Visit our FAQ page.