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

• Part 1
• Part 2
• Part 3
• Part 4
• Part 5
• Part 6
• Part 7
• Part 8
• Part 9
• Part 10