• Theory
  • Theory

Test: Cubism

Now it’s time to test your knowledge.

In this test, you must arrange the blocks on the palette in the right order. Your task is to select sizes for the items and their margins.

Please note that you are not allowed to edit the HTML code, and the properties that are used to align flex items have been blocked out in this code. Therefore, the alignment will have to be different.

Hint: The sizes and non-automatic margins are multiples of 5.

  • index.html
HTML
HTML

You’ve gone to a different page

Click inside the mini-browser to shift the focus onto this window.

100%
Granny Muffin

Easy there, pal!

To access the Flexbox, part 2 challenges in the Creating a layout, you need to sign up and subscribe first.