Skip to content
Submitted almost 4 years ago

Single price grid component - CSS Grid

Anna•545
@NitaLewska
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

Hi! I'm studying WebDev for 3 month, and this is my first challenge done. The first project for my portfolio. I am not a pro member, so my solution is far from "pixel perfect", but still I hope that it's good enough.

Please, dont hesitate to comment, as I'm eager to find friends in WebDev community and I'm ready to hear any advice or critic=)

Community feedback

  • Mohamed•325
    @MohamedBehharPosted over 3 years ago

    hello Anna, I see that your card isn't in the center because you choose display flex for the body which contains "the card" and the attribution on the bottom. I think you should add " flex-direction : column" that's will make both the card and the attribution centered. Otherwise, I think that you should start using variables for the colors and the font at the top of your CSS file, it will help you a lot.

    0
    Anna•545
    @NitaLewskaPosted over 3 years ago

    @soqk I've done my attribution on the right on purpose, but thank you) why do I need to use variables when there are only 3 colors?)

    0
    Mohamed•325
    @MohamedBehharPosted over 3 years ago

    @NitaLewska it's just a suggestion, maybe I'm wrong, but I think if you get to use variables even for small projects you will be used to it and the work will be more organized, that's my point of view.

    Marked as helpful
    1

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