Skip to content
Submitted about 4 years ago

Responsive Single Price Page Using HTML, CSS

atanasov36•660
@AtanasovCode
A solution to the Single price grid component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Simple but good looking design, had no problems whatsoever designing it.

If you happen to notice any design flaws or maybe a way for me to improve my code or make it better than please share it with me :) I would love to improve and I would greatly appreciate it!

Code

Please log in to post a comment

Log in

Community feedback

  • Faris P•2,810
    @FarisPalayi

    Some of my suggestion are:

    • Add cursor: pointer to buttons to better indicate interactivity.
    • Try to add :hover and :focus state styles for interactive elements.
    • Also, in the mobile version of the site, the card leaner than it needs to be, and some contents are overflowing from the container. It is happening because of the margins in the body, which you are using to center the card in the screen. My suggestion is that, remove those margins and use flexbox or grid to center the card. Take a look at this quick video

    Have fun coding ✨

    Marked as helpful

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