Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Meet landing page solution

P
Matt Cope 340

@MatthewPCope

Desktop design screenshot for the Meet landing page coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

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,000

@DarkstarXDD

Posted

  • 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
P
Matt Cope 340

@MatthewPCope

Posted

Awesome, that totally worked, thanks!

1
P
ellekost 220

@lkoster

Posted

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
Discord logo

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