@correlucas
Posted
👾Hello @leonellv94, congratulations for your new solution!
Remove all margins and do the alignment using the body
with min-height: 100vh
and flex properties. Note that you don't need to use width: 1440px
is only a reference for the size the design was created.
Here's the changes I did to your code:
body {
min-height: 100vh;
/* width: 1440px; */
background-color: hsl(212, 45%, 89%);
display: flex;
align-items: center;
justify-content: center;
}
.boxA {
display: grid;
/* width: 1440px; */
/* height: 900px; */
justify-content: center;
align-content: center;
}
✌️ I hope this helps you and happy coding!
Marked as helpful