@yas-avocad
Posted
Hey!
-
Be careful, because each box has a
box-shadowelement in the original design. -
And also take note of your
border-radiusproperty. I would probably set it inpxrather thanrem, so that you can choose a more accurate value that is less rounded. -
I find that your CSS a little hard to follow with the classes set as
item1,item2, etc. Maybe use the names of the people to keep track :) -
This one was really challenging for me- I used flex box around Daniel and Jonathan and around Jeanette and Patrick. Then, I used flex box around those (I'm not sure if it's the best way since it took forever to get right). But, I think with the grid that you used, you lose the ability to fine-tune the margins between each element.
-
The font colors use alpha- so hsla or rgba -
color: rgba(250, 250, 250, .7);. So this is the white, with opacity set at .7
I hope this helps. I would encourage you to maybe ask the discord on how to better align the boxes. :)
