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

single-price-grid-component

@neehanthreddy01

Desktop design screenshot for the Single price grid component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Updated solution

Community feedback

P
tedikoβ€’ 6,580

@tediko

Posted

Hello, M. Neehanth Reddy! πŸ‘‹

Good job, your solution looks good and responds well! I would suggest:

  • Instead of using grid just on .subscription-box i would consider set your .price-container to be your grid container. This way if you ever want to change the arrangments of layout it would be simple and easy. Nevertheless, your solution is also good.
  • Read about semantic. Semantic elements lead to more consistent code, they are easier to read and improve accessibility.
  • Try to stick more with design. I mean font-sizes in this case.

Good luck with that, have fun coding! πŸ’ͺ

1

@neehanthreddy01

Posted

Yeah sure, thank you very much @tediko

0
P
ApplePieGiraffeβ€’ 30,565

@ApplePieGiraffe

Posted

Hey, M. Neehanth Reddy! πŸ‘‹

Nice job on this challenge! I think your solution looks good and scales well! πŸ‘

Just one small suggestionβ€”I think adding a hover state to the button would be a nice touch! πŸ˜‰

Keep coding (and happy coding, too)! 😁

0

@neehanthreddy01

Posted

@ApplePieGiraffe Yeah sure, thank you 😊

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