- Fundamental Concepts
-
Columns and inner columns in Duda
-
Understanding units for size and layout
- Practice
-
The hero section
-
→ Your turn: Customize the hero section
-
Activity checkpoint
Part IV: Section building with Editor 2.0
Course 4 of 6 in Build Your First Site with Duda_archived
Learn about columns, inner columns, and size unit options while we configure our site's Hero section
In this course we're going to learn about some key structural elements that will be useful to understand when you're building your own sites.
Understanding the role of Columns and Inner Columns — as well as how and when to use the size and positioning units —will help you get your site to look the way you want it to**.
We'll also walk through how to manipulate the assets we've provided so you can become comfortable with sizing and alignment techniques.
**There's actually another widget you'll want to become familiar with when creating complex designs. These are called Advanced Grids. Don't worry— we'll introduce you to these special widgets in the next course (Part V)!
At the end of this course, you'll have experience with:
- Using the size, alignment, and wrapping capabilities in the Design Panel to achieve the desired layout within the canvas
- Deciphering when to use which types of units
- Identifying when an inner column is needed within a column
- Manipulating images, copy, and elements to create a new hero section
For a better experience, you should have:
- Free (or paid) Duda account — sign up
- Chrome or Safari browser
- Headphones or speakers
- Completed the previous parts of this learning path
Classic Editor users:
Looking to learn about the Editor 2.0 capabilities presented in this course?
If you are jumping into this course without completing the previous courses in the learning path, be sure to complete the following before you start this course:
- Download the assets we shared in Part I of this path
- Create a site from the Editor 2.0 Electrician template so you can build with us!