Jon Snow
14 April 2023
This game teaches Flexbox's properties, including align-items, justify-content, align-content, flex-direction, align-self, flex-wrap, flex-flow, and order, in 24 levels.
Use Flexbox to position the crossbow and survive zombie attacks in each game section.
Learn new Flexbox concepts and apply them to overcome challenges and progress through the plot.
Flexbox Defense is a tower defense game that uses CSS instructions to place items.
Use justify-content on the main container to position towers effectively.
Grid Garden has 28 levels of increasing difficulty. Use grid properties to grow your carrot garden.
Instantly see your result in the visual area with the code editor.
CSS Battle is an online challenge where you replicate target images using HTML and CSS with the least code.
New challenges are added regularly, and a global ranking system tracks your progress.
CSS Diner is an educational web app with 26 levels of increasing difficulty.
Learn core fundamentals like element and class selectors in the first levels.
