CSS

Cascading Style Sheets

Learn CSSweb.dev

Normalize.css: Make browsers render all elements more consistently.

• Reset CSS: CSS resets aim to remove all built-in browser styling. For example, all elements' margins, paddings, and font sizes are reset to be the same.

• Normalize CSS: Normalize CSS aims to make built-in browser styling consistent across browsers. It also corrects bugs for common browser dependencies.

CSS preprocessors

A CSS preprocessor is a program that lets you generate CSS from the preprocessor's own unique syntax.

There are many CSS preprocessors to choose from, however, most CSS preprocessors will add some features that don't exist in pure CSS, such as mixin, nesting selector, inheritance selector, and so on. These features make the CSS structure more readable and easier to maintain.

A few of most popular CSS preprocessors:

Sass	LESS	Stylus	PostCSS

Resources

Flexbox Defense

Flexbox Froggy

Knights of the Flexbox tableKnights of the Flexbox table

Play Flex Box Adventure – CSS Game to Learn Flexbox

Flexbox Zombies

Grid Garden

Play Grid Attack – CSS Game to learn CSS Grid

CSS Diner

Guess CSS! HTML & CSS puzzler game

CSS Speedrun | Test your CSS SkillsCSS Speedrun | Test your CSS Skills

CSSBattle

100 Days CSS Challenge

CSS Challenges - Become a Better Web DeveloperCSS Challenges

State of CSS