Skip to content
Submitted about 2 years ago

Sing price grid component

Keagan Dickinson•160
@PhisherFTW
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 was a good challenge although my code could probably be improved I am always looking to improve, I know it did a lot of bad practises in this small challenge so any criticism is welcomed

Thanks

Community feedback

  • バレンタイン 😈•64,190
    @VCaramesPosted about 2 years ago

    Hey there! 👋 Here are some suggestions to help improve your code:

    • To properly center your content to your page, you will want to add the following to your <Body> Element (this method uses CSS Grid):
    body {
    min-height: 100vh;
    display: grid;
    place-content: center;
}

    • The button was created with the incorrect element. When users click on the button they should directed to a different part of your site; that Anchor Element will allow this to happen.

    • The “Why Us” list needs to be created using an Unordered List Element along with the List Items Element.

    If you have any questions or need further clarification, feel free to reach out to me.

    Happy Coding! 🍂🦃

    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