@Hassiai
Posted
Replace <div class="card"> with the main tag . To center a content on a page, add min-height:100vh; display:flex; align-items-center: justify-content: center; to the body. change background-size of the body to cover. Give .card a width value, there is no need to give it margin:50px auto;, background-color: white and a color value Give .container a background-color: white , a color value, a padding value and there is no need for display: flex and it properties here. Use rem or em as unit for the padding , margin, width and preferably rem for the font-size for more on this watch this https://youtu.be/N5wpD9Ov_To y Hope am helpful Happy coding
Marked as helpful
@stmapman7
Posted
Yes, this is very helpful. Thanks for your assistance @Hassiai! :-)