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 component

@claudio-dev1993

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


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

@Karthi13krishna

Posted

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-dev1993

Posted

@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
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