Skip to content
Submitted over 3 years ago

mobile first, grid, paddings and margins

Jerome Ramos•315
@fallenZeR0
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

any tips for make responsive design to be more effective or just some useful tricks? highly appreciated.

Community feedback

  • Conrad•950
    @ConradMcGrifterPosted over 3 years ago

    first thing I would suggest is to revisit the size of the card and the size of the text. Right now I think you have the card too big and the text too small.

    for the media queries, I would get rid of the (min-width: 1000px) media query -- then change the main element in your other media query to have a width of 100%, and a max-width: 800px.

    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