Design comparison
SolutionDesign
Solution retrospective
Hey what changes can i make to this
Community feedback
- @RioCantrePosted almost 3 years ago
Hello there!Good job with this project. Viewing your solution, I would suggest the following for you...
- Add the hover state of the buttons and links. Include
background: hsla(221, 100%, 71%, 1);
in thesection.section-a .left form a
andfooter .right a
. Consider also adding hover state of the following: the list in.grid-25
, icons in.social-links
, andsection.section-b .left button a
- Adjust the padding, margin and alignment in responsive design. Try viewing it, some are stacking up between 1016px to 320px
- The buttons should be in full width in mobile design
- The logo in the footer should be adjusted into white
- Add right margin to the
svg
in thefooter
section - Make it
height: 90vh;
in thesection.section-b
rule set - Include description with the
alt
inimg
and should not be empty - Instead of wrapping the
input
withform
, it can be simplified with wrapping it withdiv
since it's only one input witha
Hope this helps and Keep it going!
0 - Add the hover state of the buttons and links. Include
- Account deleted
Hi there 👋 Congratulate on finishing your project 🎉. You did a great job 🔨
I give some suggestions that I hope help you take your project to the next level 📈. You can decrease the box shadow of the testimonial card, it looks too dark. Let's also change the color to the white of the logo on the left side of footer
Happy coding ☕
0
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