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 page usign CSS flex + Grid

P
JesnerW 210

@JesnerW

Desktop design screenshot for the Skilled e-learning landing page coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

P

@EONRaider

Posted

Hello. You've got a problem with the "Get Started" hover dynamics. The hovering itself goes all the way until the end of the block. To fix this, simply add "align-items: flex-start" to your ".card" class.

I hope this helps.

0

P
JesnerW 210

@JesnerW

Posted

@EONRaider Sorry, I don't understand where you want me to make the change.

0
P

@EONRaider

Posted

@JesnerW No problem. Inside each card you have a "Get Started" anchor tag, don't you? Hover your mouse cursor on them. You'll notice the hover effects (color change and cursor type) persist even when you position the cursor outside of the actual words (specifically to their right). The fix I suggested addresses this issue.

Marked as helpful

1
P
JesnerW 210

@JesnerW

Posted

@EONRaider I understand, I found the detail, thank you.

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