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

responsive html css JavaScript website

@tebbiAbdelhakim

Desktop design screenshot for the Intro section with dropdown navigation coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Community feedback

Noel 110

@StConstantineCole

Posted

The "Learn more" button affects the spacing of the page (It moves the paragraph up whenever it is hovered) This is because the border which is triggered on hover takes up space.

Solution: Apply the border on the "Learn more" button in its normal state but make the same color as the background then on hover just change the color of the border to desired color, that way the space for the border is already accounted for.

This will eliminate any movement of hover.

Marked as helpful

1

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