Skip to content
Submitted about 2 years ago

Single-Price-Grid-Component Using grid SCSS

omar saleh•150
@omarsaleh11
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

1- Hello community of frontend mentor

2- I don't have access to the exact font sizes or the width of anything, so this values by luck and my visual 😅

3- but of course, I'd appreciate your wonderful feedback, pls tell me what's wrong and what should I stick with it

Community feedback

  • Lucas 👾•104,400
    @correlucasPosted about 2 years ago

    Hello Omar, congratulations for your solution

    Often you'll see the desktop container as max-width: 1110px that's an standard size for containers. You can use margin: 0 auto to keep the card alignment center. For the cards a good size is between 340/400px, remember to let it grow max-width: 100% in mobile to fill the width and give a margin of 24px to aboidnit having contact with the screen edges.

    Hope this helps, happy coding 👍

    Marked as helpful
    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