# Learning CSS with games

Some topics in CSS are more easier to understand by experience then they are by reading docs/blogs. Here are some games that helped me understand these topics better:

## CSS

* CSS Challenges - [https://css-challenges.com/](https://css-challenges.com/)
    
* CSS Speedrun - [https://css-speedrun.netlify.app/](https://css-speedrun.netlify.app/)
    

## **Selectors**

* CSS Diner - [https://flukeout.github.io/](https://flukeout.github.io/)
    

## **Flexbox**

* Flexbox Froggy - [https://flexboxfroggy.com/](https://flexboxfroggy.com/)
    
* Flexbox Defense - [http://www.flexboxdefense.com/](http://www.flexboxdefense.com/)
    
* Flexbox Zombies - [https://mastery.games/flexboxzombies/](https://mastery.games/flexboxzombies/)
    
* Flexbox Adventure - [https://codingfantasy.com/games/flexboxadventure](https://codingfantasy.com/games/flexboxadventure)
    

## **Grid**

* Grid Garden - [https://cssgridgarden.com/](https://cssgridgarden.com/)
    
* Grid Critters - [https://mastery.games/gridcritters/](https://mastery.games/gridcritters/)
    
* Grid Attack - [https://codingfantasy.com/games/css-grid-attack](https://codingfantasy.com/games/css-grid-attack)
    

## Anchor

* Anchoreum - [https://anchoreum.com/](https://anchoreum.com/)
    

---

# Testing yourself

Here are some websites where you can test your skills against other people around the world or your friends:

* CSS Battle - [https://cssbattle.dev/](https://cssbattle.dev/)
    
* Coding Game - [https://www.codingame.com/start/](https://www.codingame.com/start/)