CodePen
An online playground for frontend developers. Perfect for testing, sharing and discovering coding snippets.
CSS Diner:
This is a game for learning and practicing CSS selectors. You have to "feed the diner" by selecting specific parts of a meal using CSS selectors.
Flexbox Froggy:
This is a game where you help Froggy and his friends by writing CSS code. It's a great way to learn about CSS Flexbox.
Grid Garden:
This is a game where you use CSS Grid properties to grow your carrot garden. It's a fun way to learn and practice CSS Grid.
CSS Battle:
This is a competitive coding game where you replicate designs as accurately as possible using minimal CSS.
Scrimba:
This interactive platform offers mini-courses on various CSS concepts. You can write and run code right inside the tutorials.
SoloLearn:
This platform offers a full course on HTML and CSS. You can practice your skills directly in their interactive code editor.
Codecademy:
An online learning platform that offers a course on HTML & CSS. There are numerous exercises where you can practice your CSS skills.
freeCodeCamp:
This platform offers an extensive interactive course on HTML and CSS, complete with coding challenges and projects.
Frontend Mentor:
Frontend Mentor provides real-world projects that you can practice on. The challenges range from beginner to advanced, and they include designs for you to recreate using HTML, CSS.
Frontend Mentor | Front-end coding challenges using a real-life workflow