All solutions

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

I would try defining colours and font-sizes at the start of the document. I feel like my code is all over the place and a bit repetitive.

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

I struggled with margins/padding when displaying image in mobile view. I overcame this issue with just displaying image twice and adding a display none on second image.

There probably was a much simpler way to do it but I could not figure out how to do it. I do know there is a element we could use but from my understanding that's best to display a different image based on different display viewports.

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

I would like to know best way to approach styling the image element for desktop/mobile view.

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

I would try using the picture element to change image based on view ports.

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

Nothing in particular.

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

Nothing in particular.

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

Nothing in particular, I found this challenge the easiest so far.

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

I struggled a bit with my links not taking full width of available space. I fixed that with applying width of my 100% on the ul element. I was applying width 100% on the a element and nothing was changing.

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

Nothing in particular for this project. Any feedback is appreciated though.

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

Proud that I've finished the challenge.

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

I struggled with the the background color for the span learning. It's a flex item so it took the entire block when I only wanted it to take the text content. I tried adding a display: inline to the span but still the same.

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

Would like to know how to approach making flex items take only the width of the element rather than being a block element.

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

I think it looks pretty similar to design, so happy with that :)

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

I struggled with vertically centering the card with flex, however I was not defining the height, once I added a 100vh it became centered.

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

I'm not sure on when to apply margin to items versus using padding. I feel like I can get same result with using either, unsure if it would be better practise to use one over the other?