Design comparison
SolutionDesign
Community feedback
- @AlazarG19Posted over 2 years ago
nice job just increase the scale and try changing the color of the line
Marked as helpful0 - @denieldenPosted over 2 years ago
Hi Nati, good job! I took some time to look at your code and have some ideas for improving it:
- add
main
tag and wrap the card for improve the Accessibility - add descriptive text in the
alt
attribute of the image - to make it look as close to the design as possible change the color of
hr
- use
a
tag insteadspan
for name of author - remove all
margin
fromcont
class because with flex they are superfluous - add a little
transition
on the element with hover effect - instead of using
px
try to use relative units of measurement -> read here - using
<hr>
for the line is not the best way because this tag have a semantic meaning... in this case use div withborder-bottom
because this line is decorative
Overall you did well 😉
Hope this help and happy coding!
Marked as helpful0 - add
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