All solutions

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

I'm happy with how accurate the solution was to the figma file. Also, I'm proud that I spent a lot of time experimenting with different ways to structure the css before I settled on this solution.

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

I experimented with different ways of making the repeating margins more generic. You could of course implement this with specific classes for the padding sizes.

Here I solved it by setting the padding BETWEEN child elements of card

.card * {
  padding: 0;
  margin: 0;
}

.card > * + * {
  margin-top: 1.5rem;
}

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

I'm always happy to receive any feedback/resources on writing proper HTML/CSS :)

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

Once again, I'm proud that I finished a solution - even if it's not the cleanest. Also, I've never used gradients before and that was a pretty cool new addition to the toolbox :)

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

I saw that even a simple project like this can quickly grow in complexity if you don't plan your solution properly. I've tried to refactor to clean it up a bit.

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

HTML/CSS best practices! Right now I feel like my solution is cluttered with a million div/span tags. When I took a html-basics course the teacher stressed that we only should use div tags when we really needed them, since they are devoid of any semantic meaning. But I'm not sure there's a good way to do this otherwise?

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

I'm proud of that I made something with css, and that I used figma for the first time.

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

The body element not filling the entire sceen. I solved that by setting the height of the body to 100vh.

I can see now that the I probably didn't account for the padding when setting the box size...

Also - working with fonts I find a bit difficult.

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

I'd love some feedback about best-practices, especially when it comes to css!