Skip to content
Submitted over 3 years ago

Single Price Grid Component: HTML, CSS, Grid, FlexBox

Natalia Bubiak•185
@NataliaKiwibird
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

This challenge went quicker than I expected. Probably because of no images. Also, it was my first real use of Grid and I'm pretty happy with how it went.

Community feedback

  • Grace•31,010
    @grace-snowPosted over 3 years ago

    Hey

    This looks pretty good! Just try to get the font weights and shadow the same as the design. Some bits are really hard to read at the moment, I think because of thin fonts.

    The css looks good. I can't work out why you've gone for 6 columns instead of 2? But the rest looks good.

    Next time, try doing styles mobile first and you should find your css is simpler in most cases.

    Good luck

    Marked as helpful
    0
  • Account deleted

    Hello NataliaKiwibird👋

    Your solution looks good and responsive also.

    Great job here 👍🎉

    Have fun 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