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

Responsive Article Preview Component

P

@Chirtoaca94

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


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

@IvanoCro

Posted

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