Skip to content
Submitted 5 months ago

Meet landing page solution

Matt Cope•350
@MatthewPCope
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Meet landing page
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

What are you most proud of, and what would you do differently next time?

I'm proud of the responsiveness all around.

What challenges did you encounter, and how did you overcome them?

I usually put the footer outside the main section but I couldn't get the footer to extend the full width so I had to put the footer inside the main section.

What specific areas of your project would you like help with?

For the life of me I couldn't get the text in the footer button to be on one line and I couldn't get it to change colors and turn the cursor to pointer on hover. The hero buttons work fine on hover and even though the footer button is the same, for whatever reason it won't work.

Community feedback

  • Darkstar•1,100
    @DarkstarXDDPosted 5 months ago
    • The button hover isn't working because of the z-index: -1 on your footer. Instead of giving the footer a negative z-index give the wrecking-ball-icon a z-index of 0 or higher.
    Marked as helpful
    1
  • Matt Cope•350
    @MatthewPCopePosted 5 months ago

    Awesome, that totally worked, thanks!

    1
  • ellekost•220
    @lkosterPosted 4 months ago

    I struggled with the footer on this one as well. The buttons on the project have a fixed width, so you don't have to worry about responsiveness. If you set a min-width of 193px to the .btn-footer class, that will take care of the button for you.

    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