Flexbox Holy Grail

Download the templates

holy-grail.zip

Instructions

../../_images/flexbox_holy_grail.png

You are going to style the given HTML-document to look the the picture above. You can use the provided style.css file as a starting point.

You are not allowed to make any changes to the index.html. After you are happy with the results you can return your style.css file to be graded. index.html will not be returned.

You should do the exercise with Flexbox.

Attention

  • DON’T edit the index.html file

  • DON’T use float, grid or any other positioning method such as relative/absolute/fixed positioning!

A+ presents the exercise submission form here.