As frontend developers we are often called to design a neat and appealing UI for our web app.

Nowadays there are plenty of concepts and technologies to be aware of: SCSS, responsive design, Grid Layout and Flexbox, just to cite some. Even when we use them daily at work, we typically remember only the most common rules.

Therefore why not practicing these concepts while playing and making the learning process fun?

There are several online games that allows us to train our design skills and keep them up to date in an entertaining way. Let’s have a look at some of them together.

CSS Diner

The goal is to use CSS statements to select specific UI elements on the screen. If the entered rules are correct, we can pass to the following level. There are 32 levels in total.

Free Let’s play