@DavidMorgade
Posted
Hello Abdul, welcome to the community, and congrats on finishing the challenge!
My first and more important advice since you are still having trouble with the box-model, is to also learn positioning using Flex-box, when you get how it works, start working on CSS grid, those are basic tools that you will be using everyday! and they are not that hard to master, you can even learn them using games like flex-box-froggy or grid-garden.
For example, in your component, instead of using a lot of margins to try to get it centered, you could have used flex-box like this on the body:
body {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
min-height: 100vh;
}
Setting the min-height to 100vh will make your body wrap all the screen, and with flex-box you get to center the item on the middle of the screen!
Hope my feedback helps you, if you have any questions don't hesitate to ask!
Marked as helpful