Submitted about 2 months ago

Article Preview Component

wey song• 130

@teuthix

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Article preview component

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?

Proud I got the share button to work on the desktop version! Next time I hope to get this done faster

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

Figuring out how to get the button to work on the mobile view, I reread the document object model page again and was able to get it to work when clicked.

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

I can't get the share stuff to go away when clicking the button on mobile view. It goes away when I click the button again in the website view but I'm not sure why it isn't working for mobile. It also jitters when I resize the page, not sure why!

Community feedback

Luis Aviles• 180

@lavil014

Posted about 1 month ago

Hi Wey. Your solution looks good , very nice and goodlooking , it is also responsive to mobile version. Great job on completing this challenge.

Quick feedback on the mobile version , you can try positioning containers using position absolute and relative to have the social media icon section to lay over the profile section, then you can try hiding the profile section using JS when the share icon is clicked.

Feel free to try and if you have any questions and you find this feedback helpful and want to team up you are welcome to reach out.

Please log in to post a comment

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