February 27, 2017
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.