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

Article preview component

BreinerJT 530

@BreinerJT

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


I have four big concerns in this challenge:

  1. Is there a better way to locate the social modal in desktop viewport other than translating with big percentages?
  2. Talking about the HTML code, I don't know if the approach of the footers is correctly.
  3. In the desktop viewport I don't know how to do the bottom "spike" of the social links.
  4. When I try to resize the window from mobile to desktop with the social modal open, the person info do not show and when I try to resize from desktop to mobile both footers appears but when you try to share both dissapear.

If you know how to fix any of these problems I would really appreciate your feedback.

Community feedback

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