@mikej321
Posted
Hello there,
Great job on your project! One thing that may help is changing the width and height of your body. Currently, it is set to 1440px as the width and 1000 as the height. I would change the width to width: 100vw and height to height: 100vh. That will center your project instead of having it at the bottom. I would get rid of the .background container as it's not needed.
Here is the code
body { font-family: "Outfit", sans-serif; width: 100vw; height: 100vh; justify-content: center; align-items: center; background-color: hsl(212, 45%, 89%); display: flex; flex-direction: column; }
This will center the card perfectly and get rid of the scrolling.
Hope this helps and Happy Coding
Michael Johnson
Marked as helpful
@AhmedElshennawi
Posted
@mikej321 Dear Mr. Michael, Your comment is very useful, it's my first page, and the next is better, thank you very much
@mikej321
Posted
@AhmedElshennawi I look forward to seeing the next page! If you need any help, feel free to reach out to me!
Marked as helpful