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 and flex

@Schmelzofen

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

P

@Miculino

Posted

Congrats on completing the challenge, @Schmelzofen

Your solution looks really nice and it's responsive as well. Just a few suggestions based on what I've seen in your final solution:

  • The share menu doesn't work as expected. There are multiple ways to approach this feature. You can create the share menu, hide it with display: none and then use JavaScript to toggle a class that'll hide / reveal the menu

  • On smaller screen sizes, consider adding some horizontal padding on the .details element

Marked as helpful

1

@Schmelzofen

Posted

Thanks for your input! :)

I think I fixed the share menu, but it only works on the desktop version :/

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