Recipe page using Vue

What are you most proud of, and what would you do differently next time?

• I learned how to keep track of every detail in the Figma mockups.
• I made the page responsive by using fluid design and media queries.
• I also learned how to style lists and tables with CSS.

What challenges did you encounter, and how did you overcome them?

It was a challenge to keep track of every detail in the Figma mockups.

It was also tricky to understand the responsive design (how the page adapts on different screen sizes). I overcame this challenge by taking some time to understand the responsive design before I started coding. That helped me to make better decisions during the coding process.

I didn't know how to style the nutrition table when using the semantic table element. That's why I built the table design from scratch. It was way easier for me at first. However, I saw a good solution when giving feedback to someone's submission. From this solution, I learned how to implement the table by using the semantic table element. (I updated my submission.)