@AdrianoEscarabote
Posted
Hello PREETHAM-HT, how are you? I was really pleased with your project, but I’d like to offer some advice that might help:
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 spot on.
Hope it’s helpful to you. 👍
Marked as helpful