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

Mobile first article preview

Julien 20

@julienbenincasa

Desktop design screenshot for the Article preview component coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


First mobile-first project, pretty cool method

Community feedback

@B1N4R1

Posted

Hi Julien! Congrats on completing the challenge, your solution looks fantastic!

Three things:

-When you hover the share button I would add cursor: pointer to the element so the user knows that the button is clickable.

-Watch out the footer, in really small devices it overlaps with the card and makes it difficult to hit the share button or read anything behind it.

-Be careful with the tooltip, when the tooltip is out in desktop mode and you change the size of the window to a mobile size the tooltip goes crazy.

Overall, these are just little things the real deal is already done

Keep the great work!

Cheers!

Marked as helpful

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