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

Responsive price component with toggle w/ styled components

#react#styled-components

@BasharKhdr1992

Desktop design screenshot for the Pricing component with toggle coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


Your feedback is highly appreciated!

Community feedback

Divine Obeten 2,435

@Deevyn9

Posted

Hi Basar, congrats on completing this project, Your solution looks really good. However, you'll need to work on the height of the containers.

Happy coding!

Marked as helpful

0

@BasharKhdr1992

Posted

@Deevyn9 I have a small screen 1366 x 768. That's why I have an issue with the height. Do you have a workaround for that ?. Any suggestion is highly appreciated

0
Divine Obeten 2,435

@Deevyn9

Posted

@BasharKhdr1992 I went through your code and you used a 70vh for the card, this would make the size of the card differ on devices with different heights, giving it a height with a fixed unit should solve this issue.

Marked as helpful

0

@BasharKhdr1992

Posted

@Deevyn9 So sometimes it is necessary to use a fixed unit for height and width like pixel. For a situation like the price card here.

1
Divine Obeten 2,435

@Deevyn9

Posted

@BasharKhdr1992 Yeah

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