Andy from Webcrunch

Subscribe for email updates:

Portrait of Andy Leverenz
Andy Leverenz

February 27, 2017

Last updated November 5, 2023

How to Design and Code a Product Landing Page - Part 11

At the beginning of part 11 of my How to Design and Code a Product Landing Page screencast series, I discuss how I fixed some issues I was having in the header area of the site in the last video of this series. I walk you through what I did to optimize our design as well as make it a bit more responsive on mobile devices.

After the quick walkthrough I continue down the page working on building out the next section in our design. I add custom fields, content, and Sass/CSS styles to match our design as close as possible.

In future videos, I go back and refine some of these sections so that they both better match the design as well as are more optimized for responsive web design. I hope you'll keep watching to see how this all unfolds! We are getting close to wrapping things up.

The Series So Far

Link this article
Est. reading time: 1 minutes
Stats: 604 views

Categories

Collection

Part of the Design & Code a Product Landing Page collection