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

#foundation
MarcinC 20

@madpirat

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


Hello there! A suggestion on how to make out come of challenge responsive (mobile-friendly) as in example .jpg file is highly appreciated. Have a lovely day!

Community feedback

Dusvy_M 390

@dovelm

Posted

Hi Marcin, I recommended this link about flexbox...

https://css-tricks.com/snippets/css/a-guide-to-flexbox/

0

MarcinC 20

@madpirat

Posted

@dusvimarin Perfect! Thank you!

0
Peter 170

@PeterJan285

Posted

Watch a tutorial on grid system, to make it responsive you say in grid @media that you want each row to start from point 1 and end on point 12 (watch tutorial on grid) then you say in @media you want width of each row to be width: ?%; you think is the best

0

MarcinC 20

@madpirat

Posted

@PeterJan285 Thank you! Much appreciated!

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