All solutions

I had problems with the image file. On small screen there was too much white space on the top and bottom of the image. Had to do a workaround it to fix it.

At first I was doing way to much calculations to horizontally place the profile picture in the center of the card. After doing some research I found out that this can simply be done with transform: translate();

For this one I follow the suggestion of someone in the community and did a mobile first approach. It was fun doing it like this, normally I start with desktop first as I feel more comfortable doing this way. So this was different from my normally approach (getting out of my comfort zone). I will force myself to continue to do this way from now on. Trying to kill bad habits :-)

I was struggling placing the background svg image on the page. The solution was very simple, change background-size from cover to contain. It took me awhile because I've never used background-size: contain, didn't even knew it existed.

This one was by far the easiest challenge so far.

For this challenge my main focus was on CSS Grid.

This is my second challenge, this one was easier than the NFT card review.

Any feedback is appreciated ;-)

On the html part it wasn't so easy to structure the markup, has I found out later when applying css to the page. That's something that I need to focus on, on the coming challenges. A good html structure makes it more easy when applying css to the page.

On the css part using flexbox and position was tricky.