After set body display: flex;justify-content: center;align-items: center;, the page is cuted off some on the top. Why?
Summary The issue occurs when applying display: flex; with justify-content: center; and align-items: center; to the <body> element, causing the page content to be vertically and horizontally centered, but also introducing unexpected vertical whitespace at the top. This results in the page appearing “cut off” on larger screens. Root Cause Flexbox on <body>: The <body> … Read more