fix the heights

src/App.css

+
+  @import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');
+
 *{
   padding: 0;margin: 0; box-sizing: border-box;
   color:white;
-  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+  font-family: 'Open Sans', sans-serif;
 }
 
 nav{
@@ -16,7 +19,7 @@ nav img{
 .main{
   display: flex;
   max-width: 1926px;
-  max-height: auto;
+  min-height: 100vh;
   flex-wrap:wrap;
   margin-inline: auto;
 }