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

HTML CSS JS Jquery

@iDominate

Desktop design screenshot for the Article preview component coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

Azhar 600

@azhar1038

Posted

Hi Ahmed Ghanem, congratulations of completing the challenge!

I see that you have broken the heading in to four h4, this is not good. You should use only one heading and let the content wrap automatically. Same goes for the p

Then the share popup that appears on hover is impossible to click. It goes away as soon as you try to move the cursor. Try using clicks instead of hover.

Your card position seems to be jumping to a different location when screen size is around 550 - 1000px.

You should try to change the size too as it looks small and use relative size like min-width or max-width instead of fixed height and width.

Hope it helps :)

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