All solutions

I got a bit lost in this one.

The desktop layout was not a 50/50 split as the design files showed me. I tried to get as close as possible but it took me way to long. The picture would not fill my div. But min-height & min-width helped.

The tinting of the pictures was also not straight forward. You can find a few ways online. I decided to use the blend-mode.

I think it looks good now. You feel it when you've been a few weeks away from this stuff. A little warm up is necessary.

I used the clamp() function again but still not really comfortable with it.

I also wasted proably 25 minutes of my life by not realizing that i was zoomed in at 175% in the browser :D "Why is the box filling out the whole screen?"

I used the clamp() function to avoid all the media queries for the smaller font-sizes in the mobile design. Maybe a bit too soon. I have not yet unterstood the whole concept and used a clamp calculator to get the correct values.

Used the BEM concept for the first time. I like the idea and will continue using it.

Sometimes I feel like the code is a bit messy with all the names that have no structure whatsoever. BEM helps me with that.

I became a pro member so i've used the design files to get very close with everything.

The responsive part gave me some headache. I switched the card to grid-layout to make it work. Maybe not the best solution but i'm happy with it.

I tried to use the DRY Principle with the Buttons but the text color was different.

Would there be a way to inherit the background color as the font color?

I found this one pretty difficult.

The whole layout and the spaces between things gave me some problems.

For the Statistics I used Grid. It seemed pretty logical to me. So i learned a lot about that.

Also the two background images and the positioning of those was a bit tricky. I found a very good solution which used the background-position property. I liked that solution very much. Unfortunately i could not find the link where i got it from.

Any comments on the solution?

I'm happy for my first try but i am sure there's a lot of room for improvement.

The margins for the two paragraphs below the image somehow took much of the time. Is there an easier way without defining specific margins for the text?