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

ReactJS

Cường 845

@docuong0912

Desktop design screenshot for the Interactive pricing component coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


I'm new to react, does my code readable and good practice? Any advices are appreciated. Thank you for your time

Community feedback

hardy 3,660

@hardy333

Posted

Hey try to get a little closer look to design files and style guides , they are very important and your design needs to be little more close to design files.

Other then that on react side interactive parts work fine -- GOOD JOB with that.

Hope you will fix design soon and your solution will become very good..

Marked as helpful

3

Cường 845

@docuong0912

Posted

@hardy333 i admit that i was so careless about the styling, i'll fix it asap, thank you so much

2
hardy 3,660

@hardy333

Posted

@docuong0912 You are welcome...

2

Account Deleted

Not good at React myself so I won't touch on that.

Your solution works, but the styling needs a lot of work and you should be fine.

  • Remove the border on the 'start my trial' button with border : none 'cause I can see it's still there.

  • There needs to be some between those checks and the text next to it.

  • I don't think the color of the card is the right one, and there's a couple of typos.

Keep coding👍.

Marked as helpful

0

Cường 845

@docuong0912

Posted

@thulanigamtee okay, thanks you so much, i was so concentrated in the javascript that i forgot about the styling, i'll keep that in mind and be careful next time, thanks for your time

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