Skip to content
Submitted about 2 months ago

Article preview component

sass/scss
nerdynischal•190
@nerdynischal
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?

Managed to add the interactivity as intended on mobile and desktop versions, although the middle screen sizes might be a bit sub optimal for the time being. So, maybe some time to flesh out the middle screen sizes, especially for the tooltip component would be something to improve on.

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

The most challenging part was getting the interactive part differently on mobile and desktop versions, but with more experimentations with the CSS, it eventually worked the way it was supposed to.

Code

Please log in to post a comment

Log in

Community feedback

  • Leccon1•170
    @Leccon1

    Hi, great job but I found a couple of flaws:

    1. This is because share-container is a little uneven in relation to share-btn, it could be moved a little to the right.

    2. The absence of BEM, its use makes the html code more correct and readable.

    I would also recommend using SASS, it will greatly simplify the styling of the project.

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