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

In 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 walk through 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