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 Html & Css

Dark-Lover 735

@Dark-Lover

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


Waiting for your feedbacks ;)

Community feedback

@bashiroglu

Posted

hi @Dark-Lover, as David said you can make container element flex and alignitems and justify content center will solve alignment problem. Good luck.

0

Dark-Lover 735

@Dark-Lover

Posted

@bashiroglu thank you Bachir, its done ;).

0
David Omar 580

@davidomarf

Posted

Hey!

You should try to wrap your solution in another container so it is contained in a limited space, and doesn't cover the whole width of the screen.

And remember to add border-radius for the round corners!

Nice use case for grid! I've always found it difficult.

0

Dark-Lover 735

@Dark-Lover

Posted

@davidomarf

Thank you david for the feedback, iv fixed the postioning and the border-raduis. about the grid, im still having problems with it. i need more practice.

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