@SvitlanaSuslenkova
Posted
1.body { display: flex; flex-direction: column; justify-content: center; align-items: center; min-height: 100vh; } Try this to align(top-bottom) and justify(left-right) your project to the center. It applies to the parent component(body), don't forget about !!min-height!!. You can use grid instead of flex too. 2.div class=bg; use <main> tag, add padding here instead of margins from child elements 3.div is used as container, use <p>, <h> for text
Marked as helpful
@DerRight
Posted
@SvitlanaSuslenkova Thank you!!!!! You did me a great favor! I fixed the centering issue the way you did, used padding instead of Margin, and added the text<p>.Looks so much better now!