Page Layout
In this lesson, we will create the layout of a website using Flexbox and media queries.
We'll cover the following
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