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 with social share links

@nullpuppy

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?

I'm pretty happy with the transitions for the display of the share links, and with the general layout of the code. There's a few things I'd like to look at doing a little differently for better consistency (like the layout of the footer of the card when the links show up). Maybe something to look at in the future.

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

Getting the image aligned right was a bit of a nightmare. I tried a bunch of things, most of which I don't remember, until I managed to get it looking right.

The pointy bit on the desktop view of the share links was new for me, but turned out to be pretty easy to implement.

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

Any feedback is appreciated. Thanks!

Community feedback

Ruan Gomes 100

@rug19

Posted

I'm not an expert, but I think you did a great job.

1
P
rtoddm 80

@rtoddm

Posted

Really nice work on this site. I wish I could offer some helpful advice but I think I actually learned some things by looking at your code! Keep up the good work!

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