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

Article preview component with share button

@sudhanshusingh-g

Desktop design screenshot for the Article preview component coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

Jani-B 270

@Jani-B

Posted

Looks good :)

Unfortunately the buttons did not work atleast on my browser. Only the first click did work but I could not remove the changed div with second click. Maybe one solution could be that you use javascript to add class to the existing div. You can for example create a CSS class that has display: none; and then just use Javascript on click to give the specific div that className so that it will hide or display the div.

Then it is easy to use if statement to check if the div is showing or not and then remove or add the class accordingly

Sorry if my reply did not make sense :D Had some problems to find the correct words for this :D

The design itself looks very good. Nice work on the CSS.

0

@sudhanshusingh-g

Posted

Thank you so much for this constructive feedback.I will try to improve and update it@Jani-B

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