diff --git a/wiki/pages/home.html b/wiki/pages/home.html index d167570abf87775c56849fbe427ed52dc87754ac..2f77f39ca2c1a07f7cb6485fe694437348c33d45 100644 --- a/wiki/pages/home.html +++ b/wiki/pages/home.html @@ -25,12 +25,14 @@ padding: 20px; max-width: 1200px; margin: 60px auto 0; + min-height: calc(100vh - 60px); + justify-content: center; } .content-block { background-color: rgba(255, 255, 255, 0.7); border-radius: 20px; padding: 20px; - margin: 40px 0; /* Increased vertical margin */ + margin: 40vh 0; /* Increased vertical margin */ width: 66.66%; box-shadow: 0 4px 8px rgba(0,0,0,0.1); transition: all 0.3s ease; @@ -38,7 +40,7 @@ } .content-block:first-child { width: 80%; /* Make the first block wider */ - margin-top: 0; /* Remove top margin for the first block */ + margin: 0; /* Remove margin for the first block */ } .content-block:hover { background-color: rgba(255, 255, 255, 0.95); @@ -76,16 +78,25 @@ } .modal-content { background-color: #fefefe; - margin: 15% auto; + margin: 5% auto; padding: 20px; border: 1px solid #888; width: 80%; max-width: 800px; border-radius: 10px; + position: relative; + } + .modal-content img { + max-width: 100%; + height: auto; + display: block; + margin: 10px auto; } .close { color: #aaa; - float: right; + position: absolute; + top: 10px; + right: 20px; font-size: 28px; font-weight: bold; }