Course Curriculum
50+ lessons, 12 hours of video content, and a lifetime of updates. Everything you need to become a professional Framer developer.
Module 2
Advanced Layouts
1
Deep dive into Flexbox (Stacks)
22m
Build flexible row and column layouts that respond gracefully to any content length.
1
Deep dive into Flexbox (Stacks)
Build flexible row and column layouts that respond gracefully to any content length.
22m
2
Building with CSS Grid
30m
Compose complex multi-column grids with named areas and gap controls.
2
Building with CSS Grid
Compose complex multi-column grids with named areas and gap controls.
30m
3
Responsive Breakpoints & Layout Shifts
25m
Define breakpoint behavior and reflow strategy for tablet, mobile, and ultrawide.
3
Responsive Breakpoints & Layout Shifts
Define breakpoint behavior and reflow strategy for tablet, mobile, and ultrawide.
25m
4
Maintaining Aspect Ratios
Reading
Why ratios beat fixed dimensions for media-heavy pages — with a copy-paste recipe.
4
Maintaining Aspect Ratios
Why ratios beat fixed dimensions for media-heavy pages — with a copy-paste recipe.
Reading
5
Mastering Position & Z-Index
18m
Layer overlapping elements safely without breaking responsive behavior.
5
Mastering Position & Z-Index
Layer overlapping elements safely without breaking responsive behavior.
18m
6
Building a magazine-style editorial layout
35m
A start-to-finish build of a serif-driven editorial homepage with image-led layout.
6
Building a magazine-style editorial layout
A start-to-finish build of a serif-driven editorial homepage with image-led layout.
35m
7
Layout pattern reference sheet
Resource
A printable cheat sheet of the most common production layout patterns.
7
Layout pattern reference sheet
A printable cheat sheet of the most common production layout patterns.
Resource
8
Layout debugging walkthrough
14m
Watch me debug three common layout bugs live, with explanations for each fix.
8
Layout debugging walkthrough
Watch me debug three common layout bugs live, with explanations for each fix.
14m
9
Layout patterns quiz
Quiz
Quick quiz to test your instincts on choosing between flex, grid, and absolute.
9
Layout patterns quiz
Quick quiz to test your instincts on choosing between flex, grid, and absolute.
Quiz
Build your legacy on the web.
Join 5,000+ designers who have moved beyond static mockups to shipping production-ready sites for global brands.
Join 5,000+ designed building on Framer
Build your legacy on the web.
Join 5,000+ designers who have moved beyond static mockups to shipping production-ready sites for global brands.
Join 5,000+ designed building on Framer