Skip to content
Submitted 5 months ago

Responsive Article Preview Component

Christian Chirtoacaā€¢120
@Chirtoaca94
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Article preview component
  • HTML
  • CSS
  • JS
1newbie

Design comparison

SolutionDesign

Solution retrospective

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

Most proud of persisting with the challenge and figuring out how to position the share links and how they appear when the share button is clicked. The Javascript part was easy, but the positioning and designing of the pop up was tricky.

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

The design and positioning of the pop up link container. Using knowledge of the pseudo classes and positioning properties, I was able to complete the challenge as required. Using CSS animations also helped make the link pop up appear in a smoother transition.

Community feedback

  • Ivanoā€¢70
    @IvanoCroPosted 5 months ago

    Hi @Chirtoaca94, You did an amazing job. The layout adapts nicely across different screen sizes, which is great for user experience. The design aligns well with expectations, with minor adjustments possibly needed for perfection.

    0

Please log in to post a comment

Log in with GitHub

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