Nice CSS challenge, if anyone has any recommendations or tips, I would love any feedback I am sure there was a better way to position the Karma section rather than using absolute, so if you managed it with grid or a different method please let me know.
Thanks
Hi Keagan. Congratulations on completing the challenge.
A better solution would be picturing the entire section as a grid with 3 columns. The first and third columns would have just one centered card while the second column would contain two cards. i.e 1fr 1fr 1fr then use flexbox or grid in each column to place the cards inside each of the columns
I hope this helps
I somehow struggled when I was trying to place my image perfectly into its container. Any suggestions on how to make this easier will be appreciated, thank you.
Nice work, Victor. Add the image by setting your image height and width to 100%, set a object-fit property of 'cover'. Since you have your image in a nested div, you need to set that div to a 100% height and width too. There are several ways to do it and I hope anyone with a better suggestion will share theirs too :)
