Difficulties:
- I had problems trying to get the image to fit into the div with equal white space on all sides. I had to manually adjust the padding-top to make it "fit" (i eyeballed it), because it always seemed to be less than the padding on all sides, even if set with the same values.
- I also had trouble getting the card to appear in the middle of the page rather than be aligned with the top.
Code:
-
I'm fairly confident with my HTML so far, but I'm a little bit unsure with CSS. I'm still wondering when I should re-use an existing CSS rule, or if I should make a new one specifically for a certain element.
-
First time submitting a solution / deploying a Vercel page, so apologies if I broke or missed anything :)