Chapter 4.2 — Layout, Positioning, and Responsive Design.

In this lecture, you have learned about positioning elements on the screen and organizing them into containers: block (default), inline-block, flex, and grid. By now, you have all the skills you need to build a website—congrats!

Homework

You are on the finishing line! By now, you should have a design for your website and all its elements. In this homework, your job is to position them on the screen and add responsive utilities. Most often, you will need to use Flexbox utilities to set up your containers. Feel free to consult the slides, Tailwind's documentation, search engines, and other websites as you are completing this homework. Once you do this, you should have an almost completed version of your website. Commit and push it to Github!

If you run out of time, you will have a bit of time during the office hours to keep working. However, we encourage to try your very best to complete so that if you get stuck on something you can clarify it with us during the office hours!