Design comparison
Solution retrospective
I was not able to style the buttons kindly give suggestion to style them correctly. Please visit the solution and give your valuable feedback.
Community feedback
- @kkarrwritesPosted about 2 years ago
Hi Abdul! CSS-Tricks has an excellent guide about styling buttons that may be helpful and is a good place to start (https://css-tricks.com/a-complete-guide-to-links-and-buttons/).
On the web version of your project, it looks like you started styling the links in the navigation bar with a white hover effect, but I think the actual button styling is supposed to only be for the "Contact" link. What I did for the "Contact" button was to create a class that has both a regular state (black text with white background) and a hover state (white text with blue background). In the mobile version of the site, however, the "Contact" link button changes, so you'll want to make a version of that button too (black text with yellow background).
0
Please log in to post a comment
Log in with GitHub
Join 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