Design comparison
Community feedback
- @i000oPosted 1 day ago
Here are some design refinements for you:
1 You can add some
border-radius
like you have on the card to the image too in order to match the design closer.2 I believe the font for this design is called 'Figtree' which you can find available anywhere.
3 In order to add a drop-shadow to the card itself, I used the
box-shadow
property. You can also thicken the border outline withborder-width
too. Just a touch.4 You can set all your
body
text totext align: left
.5 Maybe add a bit of
margin
to the bottom element so the author name isn't so close to the edge of the card.Marked as helpful1 - @ramram14Posted 1 day ago
good, you just need to change text align to the left
Marked as helpful1
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord