I am most proud that I was able to make the recipe page responsive on most, if not all, devices. I am also proud that I was able to get the design as close to the designs I saw in the Figma documents.
What challenges did you encounter, and how did you overcome them?I designed the page first for desktop, so using media queries to redesign it for mobile proved challenging. I created a container with a white background (where the main content is situated) for the desktop version, so turning that container into the entire page for the mobile version and readjusting the design parameters of all the other elements to fit it was a bit difficult. I'm not even sure I did it right.
What specific areas of your project would you like help with?I would like help with using media queries to make a desktop-first design mobile-responsive.