Adriano• 37,770
@AdrianoEscarabote
Posted
Hi Manisha3196, 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
0
Manisha3196• 100
@Manisha3196
Posted
Thank you for your feedback.I understood you point.Its really helpful to me @AdrianoEscarabote
1
