Skip to content
Submitted about 1 year ago

Single price grid component

Kylan Duncan•100
@cloudydaiyz
A solution to the Single price grid component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

What are you most proud of, and what would you do differently next time?

I'm proud of just being able to complete this project. Even though HTML, CSS, and JS seem straightforward to understand, it's been an area that I've been lacking in as I've been progressing through software development. This was technically my first frontend project where I've tried to focus on implementing a good design, and it turned out well, albeit with help from a tutorial.

Code

Please log in to post a comment

Log in

Community feedback

  • Shoaib Shuja•590
    @ShoaibShuja

    Amazing job my friend but the Component doesn't seem to be perfectly centered within the body. To fix this issue copy the following lines of code to your CSS file:

    body {
      width: 100%;
      height: 100vh;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
}

    And also, I figured out that you uploaded a full folder of different projects in a single GitHub repository which is a mistake that I did myself at first. Only copy a project's main files or the project's single folder to a repository in GitHub. This is optional but you will figure out the usefulness of this tip. And this will make accessibility much better and easier.

    Good luck my friend.

    Marked as helpful

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