Chapter 4: Building Above the Fold
Now that you've learned some basics about getting started with Webflow, it's time to get our hands dirty!
In this chapter, we'll dive straight into building out our first project, a landing page for a fictitious food delivery app called SecondPlate. We'll spend the whole chapter focused on the section of the page that is commonly referred to as being Above the Fold. In essence, this refers to the area of the page that can be immediately seen without having to scroll down the page.
Specifically, we'll cover the following in this chapter:
- Building the main Hero section of the page, complete with a cover image and product screenshots
- Adding a navigation menu along the top of the page and customizing it
- The differences between static, absolute, and relative positioning
- How to use flexbox to align content
- How to develop responsively across multiple screen sizes
Along the way, we'll uncover...
