Design comparison
SolutionDesign
Community feedback
- @RioCantrePosted almost 3 years ago
Hello there! Good job in this challenge. Viewing the solution, I think you should consider the following as well…
- In the
.card
rule set, removemargin-left: 43%;
,margin-top: 50px;
andpadding-bottom: 10px;
. Addmargin: 12rem auto;
- Include the hover state of the design. For the hero image , refer it with this one Overlay in image. For the fonts, add
color: hsl(178, 100%, 50%);
andcursor: pointer;
in.card h1
and.card h4 a
rule sets - Add
color: hsl(216, 37%, 62%);
for thehr
Above all, Well done! Keep it up and Hope this is helpful!
P.s. Create a separate file for the CSS style in your next project.
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