I have created product landing page and please give me a guidance on it to make ipage responsive

1

Tell us what’s happening:
I have created product page but i am unable to make it responsive specially header and footer section.
Please guide me on code indentation also.

Your code so far

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 6.2; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/69.0.3497.100 Safari/537.36.

Link to the challenge:

2

Hey PrashantSury! Great start so far!

You can make it responsive using flex-box and work for a variety of devices using media queries. Check out these topics:
https://learn.freecodecamp.org/responsive-web-design/responsive-web-design-principles/create-a-media-query/

https://learn.freecodecamp.org/responsive-web-design/responsive-web-design-principles/make-an-image-responsive/

https://learn.freecodecamp.org/responsive-web-design/css-flexbox/use-display-flex-to-position-two-boxes/

Good luck!

2 Likes