All solutions

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

I struggled a lot with creating a mobile page first using flexbox. I tried the create the desktop version and failed too. I used grid and I was able to get the outlines to sit perfectly.

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

Like the last exercise before it, I am quite pleased with my design without using the Figma starter pack.

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

There were a lot of challenges in this particular exercise.

• The image on the mobile view has a different style to the desktop view. I was able to solve it using another div element to style the class selector of the div.
• Another problem is that I used used tables for the nutrition section but I could not style the bottom borders to form a single straight line.

What specific areas of your project would you like help with?

I would appreciate it if someone could explain which is better for implementing the nutrition section: tables or grid property.

Thank you!

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

I am quite impressed to have built the profile card without using Figma starter pack. While it took me a significantly longer time to get the values right, I liked the challenge it posed. I would like to purchase the pro plan as I will greatly benefit from using it to further improve on my skills. Thank you, Frontend Mentor!

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

The biggest challenge I faced was in trying to make sure that my solution mimics the design as best as I could afford to get it done without using Figma. Also, I struggled a little with the socials components, not knowing if a `` tag with border property was better than using a button tag. I eventually went with the latter as it made more sense that those components links and are meant to be clicked.

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

I am quite content with how close my solution is to the design and if I had to do something differently, then it would be making sure that properties that are the same across different tags are given their own tags i.e

h1, p, .card {
   color: blue;
}