Page Layout

In this lesson, we will create the layout of a website using Flexbox and media queries.

Creation of layout

When creating a website, the best path for beginners is the act of dividing the task into smaller subtasks in a top-down fashion, and then building the individual subtasks from the bottom-up.

If a task seems hard for you, then divide the task into smaller subtasks. If a task seems easy enough for you, it is worth building it in a bottom-up fashion.

When creating a website, the first recommended step is the creation of a layout. Identify the different areas of the page, and create individual small boxes.

In the example below, we set two breakpoints at 600px and at 800px. Check out the code and the output for more details.

Create a free account to view this lesson.

By signing up, you agree to Educative's Terms of Service and Privacy Policy