Skip to content
Submitted almost 3 years ago

Single Price Grid Component

MarcinC•20
@madpirat
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Single price grid component
  • HTML
  • CSS
1newbie

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
    @dovelmPosted almost 3 years ago

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

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

    0
    MarcinC•20
    @madpiratPosted almost 3 years ago

    @dusvimarin Perfect! Thank you!

    0
  • Peter•170
    @PeterJan285Posted almost 3 years ago

    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
    @madpiratPosted almost 3 years ago

    @PeterJan285 Thank you! Much appreciated!

    0

Please log in to post a comment

Log in with GitHub

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