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

HTML-CSS-Javascript solution

@BatuhanGQskt

Desktop design screenshot for the Single price grid component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

@Bisratworku

Posted

I like to say you did great but i noticed some problems for example your card was not centered you can center it by applying flex-box and the other problem is your card was not responsive i would advice not to use explicit height or width and use media query.otherwise you did great.

1

@BatuhanGQskt

Posted

@Bisratworku thank you for pointing out the improvable parts. I actually relatively new to this styling business, and I just learned today how to do flex boxes. I will apply them tomorrow. However, couldn't find how can I center my #card div to the middle. If you have any idea about that, it will be so helpful.

0

@Bisratworku

Posted

@BatuhanGQskt you can use flex-box in body and set align-items and justify-content to center

Marked as helpful

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