@AdrianoEscarabote
Posted
Hi ks9927, how are you doing? I really loved the outcome of your project, but I have a few suggestions that I think might be helpful:
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 excellent.
I hope you find it useful. π