Simple Flexbox-Based Non-Responsive Website Layout
Learn to use the flexbox-based non-responsive layout.
Let’s understand the layout from the previous lesson by rebuilding it step by step.
Step 1: Give our site some structure
To begin with, we’ll have one <div>
inside the <body>
element, with three top-level sections:
- Header
- Container for the aside and main area
- Footer
The structure will look like this:
Get hands-on with 1200+ tech skills courses.