@AdrianoEscarabote
Posted
Hi Matthew Lancaster, hope you're doing well! I loved how your project turned out, but I’ve got a few suggestions that could be useful:
Using Flexbox or Grid on the body
to center elements ensures a more responsive and adaptive layout, fitting different screen sizes seamlessly. It avoids manual calculations and constant adjustments needed with margin
, padding
, or absolute positioning. These techniques provide more consistent alignment and simplify the code.
flexbox:
body {
display: flex;
justify-content: center;
align-items: center;
min-height: 100vh;
}
grid:
body {
display: grid;
place-content: center;
min-height: 100vh;
}
The rest is fantastic.
Hopefully, you'll find it helpful. 👍
Marked as helpful