@elaineleung
Posted
Hi Luciano, nice work with the changing box shadow on hover! Since Lucas gave you some suggestions (which I cannot read since I don't know Portuguese 😅), I'll try to give you some other ones:
-
For the title, right now I see that you're using
<strong>
tags to make the second part bold. If you look at the design again, that part actually goes onto the next line. To do that, change thestrong
tospan
, and in the CSS, add this:.page_Title span { display: block; font-weight: 500; // I'm only guessing this is the font-weight; do change it if it's not correct! }
-
For your cards, I suggest a larger height, such as at least 200px so that it can look closer to the design. More importantly, I notice that you have the same styles on all four cards; you can try having just one
card
class with the styles that are shared by the four cards and then for the individual styles, you can put that on their individual class. -
You can try centering the entire component using
display:grid
withplace-content: center
andmin-height: 100vh
Great work, and keep going! 😊
Marked as helpful