Skip to content
Submitted 9 months ago

Article preview card component solution

Mohamed khlifi•150
@Mohamedkh369
A solution to the Article preview component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

What are you most proud of, and what would you do differently next time?

proud of using javascript to achieve a dynami result.

What challenges did you encounter, and how did you overcome them?

i ahd to learn how to create a triangle with css , it's a nice trick :)

What specific areas of your project would you like help with?

none

Code

Please log in to post a comment

Log in

Community feedback

  • P
    Wilson Andres Quintero Cardona•260
    @waquintero-ia

    Hello Good job on completing the challenge !

    The card on mobile devices is showing a size larger than it should be. I noticed this is due to the following styles applied to the body:

     height: 100vh;

    This can be fixed by changing to the following configuration:

    min-height: 100vh;

    I also notice that the .share-icon-container element is for desktop devices, and when switching to mobile devices, it doesn't change to the mobile design.

    Happy coding

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