Interactive Learning

In our interactive games section, you will find many interesting and educational games that will help you learn the basics and advanced techniques of CSS, such as Flexbox and Gridbox. With our games, you will be able to practice and understand the workings of these tools in practice, as well as test your skills and gain new competencies. Our games are adapted to different levels of advancement, so both beginners and more experienced users will find something for themselves. Try our interactive games and develop your CSS skills in a fun and effective way.

CSS Diner Diner interactive game

CSS Diner

Flukeout.github.io is a website that contains interactive exercises for CSS Selectors. The website includes a series of tasks that

CSS Battle - interactive game

CSS Battle

CSS Battle is a website that allows users to showcase their skills in CSS by participating in a series of coding challenges.

Grid Garden - interactive learning

Grid Garden

Welcome to Grid Garden, where you write CSS code to grow your carrot garden! Water only the areas that have carrots

GRID ATTACK

GRID ATTACK

 is from the same creators as Flexbox Adventure, mentioned earlier. This one isn’t free but includes 80

FLEX BOX ADVENTURE

FLEX BOX ADVENTURE

Flex Box Adventure is an interactive adventure game allowing you to use your flexbox skills to assist the game

KNIGHTS OF THE FLEXBOX TABLE

KNIGHTS OF THE FLEXBOX

Knights of the Flexbox Table is another well-designed interactive course to help you learn the different

FLEXBOX FROGGY

FLEXBOX FROGGY

Flexbox Froggy has been around for quite some time and continues to be a popular choice for learning

FLEXBOX ZOMBIES

FLEXBOX ZOMBIES

Is another educational game to learn flexbox syntax. Each section advances a zombie-related plot