Submitted 5 months ago

Article Preview Component

Talika Bajaj• 630

@Talika-Bajaj

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 specific areas of your project would you like help with?

Displayed share options with the help of display: flex property for small screen size and used position: absolute for larger screen size. I hope I have done it right.

If someone could review my JavaScript code and give me feedback, that would be really helpful

Community feedback

Xay• 10

@xayrax88

Posted about 2 months ago

In one of your styles in CSS within the share options class add this "transition: transform 0.3s ease-in-out;" so that when you click it it has a nice smooth transition from when it disappears and appears again. Great job overall, you have it looking pretty much very closely to the picture. It looks good one a smaller mobile sized screen with media query. Your code is readable friendly, I would love your feedback on mine as well, when you have a moment. Thank you & happy coding.

Talika Bajaj• 630

@Talika-Bajaj

Posted about 1 month ago

Hi @xayrax88,

Thank you for the feedback. I will surely update my code. And will review yours as well :)

Happy Coding.

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