minor changes

atharva-kakarot · Jun 20, 2024 · cb8f68b · cb8f68b
1 parent a606915
commit cb8f68b
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 4 deletions.
diff --git a/css/index.css b/css/index.css
@@ -12,7 +12,6 @@ body {
     width: 100%;
     background-color: rgb(20, 20, 20);
     z-index: 1;
-    /* margin-top: -76px; */
 }
 
 #name-header {
@@ -288,6 +287,11 @@ body {
 
 /* ----------------------------------------Anime full details div css--------------------------------------------------------- */
 
+#anime-whole-div {
+    margin-top: 69px;
+    height: fit-content;
+}
+
 #anime-div,
 #anime-full-details-div {
     display: none;
@@ -383,7 +387,6 @@ body {
 
 #banner-image {
     width: 100%;
-    margin-top: 76px;
     border-top-left-radius: 20px;
     border-top-right-radius: 20px;
 }
@@ -445,6 +448,9 @@ body {
 /* ------------------------------------------Media Queries------------------------------------------------------------ */
 
 @media screen and (max-width: 981px) {
+    #anime-whole-div {
+        margin-top: -15px;
+    }
 
     #name-header {
         font-size: 50px;
@@ -490,7 +496,6 @@ body {
         left: 0;
         right: 0;
         margin: auto;
-        margin-top: -10px;
     }
 
     #synopsis-div, #relations-div {

diff --git a/index.html b/index.html
@@ -54,7 +54,8 @@ <h1 id="top-anime-header">Top Anime</h1>
 
         </div>
         <div id="anime-full-details-div">
-            <img src="" id="banner-image">
+            <div id="anime-whole-div">
+                <img src="" id="banner-image">
             <div id="title-div">
                 <table id="title-table">
                     <tr>
@@ -84,6 +85,9 @@ <h1 id="top-anime-header">Top Anime</h1>
                     <h1 id="relations-header">Relations</h1>
                 </div>
             </div>
+
+            </div>
+
         </div>
 
     </center>