Submitted 9 months ago

Finish challenge using React

vuson1709• 120

@vuson1709

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

I have several issues when finish this project

On Desktop design, when hover on share button, I am unable to make the share icon become white.
On Mobile design, when click on share button, I have to use a trick to make the media share links (the rectangle thinking bubble) to cover the Author's information using media queries and offset (left, top,...). If the width is less than 375px then that element becomes weird.
On Mobile design, when click on share button, I am unable to make the share icon appears on top of the "rectangle thinking bubble"

Community feedback

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