With your portfolio's homepage complete, it's time to make it responsive. Learn how to make your homepage responsive on tablet, mobile devices and even larger displays, like the screens at Regal Cinema.
00:00 - Day 6, begin 00:29 - Desktop 01:39 - Tablet 03:36 - Mobile landscape 06:51 - Mobile portrait 10:14 - Larger breakpoint
Get early access, plus downloadable assets and cloneable project for every lesson: https://wfl.io/2021-portfolio
#21dayportfolio
Note: We’re transitioning to a new UI, and are in the process of updating our Webflow University content.
Homepage responsiveness is part of the Freelancer's Journey site build series. It covers making the portfolio homepage work well at different screen sizes — adjusting layouts, typography, and spacing for tablet and mobile breakpoints.
The key concepts covered include switching between breakpoints in the Designer, overriding styles at smaller sizes, and making sure the homepage looks intentional and readable on any device rather than just squished or broken.