Skip to content
Submitted almost 2 years ago

Single price component

Claudio Roberto•170
@claudio-dev1993
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Single price grid component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

For some reason mobile design is not loading. If you want to help me with some tips to resolve this problem or any other issues please visit my github page and take a look at css file. Thanks! [Challenge was rebuild and replaced for a better solution =) ]

Community feedback

  • Karthi Krishnamurthi•110
    @Karthi13krishnaPosted almost 2 years ago

    Hey! You have done a fantastic job. I have learned a few things from your code .😃 If I have to suggest a few things, I would tell you to go mobile first because these card sections will be stacked below one another by default. So you'll end up writing fewer lines of code. Also, I would design the card using a flexbox like this. But I believe nothing's wrong with your approach. I am pretty new to web dev so I don't know much about best practices. And I don't see any problems with your mobile design. It looks just fine to me.

    Happy coding!

    Marked as helpful
    1
    Claudio Roberto•170
    @claudio-dev1993Posted almost 2 years ago

    @Karthi13krishna Hey! I redid this challenge with grid layout (I'm still learning). You can check my repositories to see what has changed. Thanks!

    1

Please log in to post a comment

Log in with GitHub

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