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 made with grid and flexbox

@hameedmodibbo

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


I have issues with the colors i dn't understand how the colors are used please someone enlighten me. on that why us card what background color is used there and also the join our community card please someone tell me

and for the layout i use grid-template-areas to do it and i add one media query for responsiveness

Community feedback

Hanana 170

@meantoes

Posted

Hi, good job on completing this challenge🙌🏻

I see that you used the wrong color for some sections, if you want to match the design, you can try them one by one until it matches.

If you haven't, I suggest you use Live Server extension on VS Code to see how your code would look like, any browser works fine but I recommend you to use Firefox to live the code. It's my preference, I think it's more convenient, especially to inspect the page.

I hope you find this helpful, have a nice day and happy coding⭐

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