@SanderBuist2
Posted
Nice efford. As for your points:
-
make sure you set all your fonts size and weight according to the style-guide
-
I don't really get what you mean here. If you want to not have the empty space underneath your image you can allways set the height to 100% and leave the width on auto. That way your image won't deform. Switch for the mobile version to 100% width and height on auto in this case.
-
By adding "mix-blend-mode: multiply;" to your card__header-img class and setting the backgroundcolor to the right color you will get the result you want. There are other option for the mix-blend-mode, just play with them to see the result.
-
You solved it the same way I did, nothing to add here