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

Originally published at web-crunch.com on February 28, 2017.

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.

Are you on instagram?

Give me a follow as I post behind the scenes shots like this one as new articles and videos are published.

https://instagram.com/webcrunchblog

The Series So Far


Originally published at web-crunch.com on February 28, 2017.