Help on making responsive media query

how to make my product landing page responsive.

  • Rather than using fixed dimensions on elements, use max-width/height and relative units like %, em, rem and vw to keep everything responsive.
  • Start by styling for a narrow view port first. Narrow your browser as far as it will go and style the page so it looks good at that narrow width. Then gradually widen your browser and use CSS media query break points to adjust the style for wider view ports if needed.

On a side note, you should not replicate the sample projects. They are just examples of one way the project can be completed.
The instructions say to make yours “functionally similar” and to “give it your own personal style”.