Lessons: 13Length: 1.4 hours
- Overview
- Transcript
3.1 Start Making It Responsive
Our design stage is complete, but as always we need to make sure everything is responsive to different viewport sizes. We’ll start with an overview of how to check on responsiveness in Froont, and how its built-in breakpoint system works. We’ll then begin the process of building responsiveness into our layout.
1.Introduction
1.1Welcome to the Course00:40
1.1
Welcome to the Course
00:40
2.Getting to Know Froont
2.1The Froont Interface05:45
2.1
The Froont Interface
05:45
2.2Set Up the Page and Header11:42
2.2
Set Up the Page and Header
11:42
2.3Create the Features Panel09:16
2.3
Create the Features Panel
09:16
2.4Add the Features Content08:37
2.4
Add the Features Content
08:37
2.5Design the Additional Info Panel10:21
2.5
Design the Additional Info Panel
10:21
2.6Include a Subscription Box05:00
2.6
Include a Subscription Box
05:00
2.7Append a Footer04:30
2.7
Append a Footer
04:30
3.Beyond the Basics
3.1Start Making It Responsive05:53
3.1
Start Making It Responsive
05:53
3.2Set Up the 768px Breakpoint07:30
3.2
Set Up the 768px Breakpoint
07:30
3.3Set Up the 480px and 320px Breakpoints05:24
3.3
Set Up the 480px and 320px Breakpoints
05:24
3.4Add Animations04:06
3.4
Add Animations
04:06
4.Conclusion
4.1Wrapping Up03:04
4.1
Wrapping Up
03:04
