single-price-grid-component

Hi Alijebbouri, how are you?

I really liked the result of your project, but I have some tips that I think you will enjoy:

To align a child element of body in the center of the screen, we can use flex-box or grid, in this case the most appropriate would be flex-box, and we can do it like this:

body {
    display: flex;
    align-items: center;
    justify-content: center;
    min height: 100vh;
}

I noticed that you didn't use a tag on this page, every web page needs to have a main tag, to inform what the main content of this page is, as this page has only one component, we can wrap all the code with a main tag

The rest is great!

I hope it helps... 👍