Skip to content
Submitted almost 3 years ago

sunny side HTML CSS

Abdul rehman•650
@abymani
A solution to the Agency landing page challenge
Preview (opens in new tab)Code (opens in new tab)

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.

Code

Please log in to post a comment

Log in

Community feedback

  • K. Karr•90
    @kkarrwrites

    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).

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