All solutions

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

Managed to get it working pretty well and close to the design. I think my card numbering is off so would make sure that is correct in mobile first before starting desktop

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

Managed to get it fairly close, next time I'll try grid!

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

Struggled to get the desktop version accurate, and watched the tutorial on YT to understand it.

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

I had to hack the orange card with a margin and it's still not perfect. Any tips appreciated!

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

It looks pretty similar, and managed to get the desktop breakpoint working, and the image to switch.

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

Getting the image to only take up its flex box child box, not 100% of the parent.

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

Understanding the min width breakpoint in vh / vw instead of pixels

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

Understanding how padding and margin behaves better

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

Had an issue understanding the spacing initially

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

I feel like I over complicated it a bit, so any feedback to simplify it would be appreciated

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

I initially created it without using flex box, but it became much simpler when I used it. The design looks pretty accurate, and I used the figma files to measure the padding etc.

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

Naming is hard! I renamed the components to use a BEM like convention. This helped a lot.

I also found that h1 in html was overriding my class styles, I think because I had it in a div instead of the h1 class: I.e.

        Improve your front-end skills by building projects

Previously when encountering the error I had;

      
        Improve your front-end skills by building projects
      

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

I'm not 100% sure if I needed to put 100% in the html specifier, and not completely sure whether my class selection is the best it can be (I.e. not wrapping components in divs?)