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, sass, react

P
Xqgoji 120

@JhinDanzo

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?

First app done with react.

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

Responsive design of share component and using react overall

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

all advices will be appreciated

Community feedback

P

@ZPolikarpov

Posted

Hello there. Well done on completing the challenge. There are a couple of things you can do to add more functionality and to use more of Reacts capabilities.

FIrst of all instead of using straight up images on the "Share tooltip" wrap them in Links. This way you can navigate via the link by pressing on the image.

While having a "show" property on your Sidepage can certainly be useful in more complex applications, you could shorten this by using conditional statements to render that part { isShareOpen && <Sidepage ... }. Since you've unpacked the Button image and used the SVG code directly: instead of assigning a class to change the button of the image you could instead change the fill property itself, which would change the color in a more apparent and quicker way: fill={color}

Marked as helpful

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