Design comparison
SolutionDesign
Community feedback
- @RioCantrePosted almost 3 years ago
Hello there! Nice work with this one. Looking at your solution, I would suggest the following for you...
- In the
body
rule set, removefont-size: 1.8rem;
andline-height: 1.2;
- Add
display: flex;
,justify-content: center;
andalign-items: center;
in the.container
rule set - Add the hover state of the design. For the hero image, take this one as an example Overlay in image. For the fonts,
color: hsl(178, 100%, 50%);
andcursor: pointer;
in.card__text
and.card__footer span
- Include description with the
alt
inimg
tag
Overall you did good and Keep it going!
0 - In the
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