fix number 1000000000000000

HamzaElkotp · May 11, 2024 · dcfce12 · dcfce12
1 parent 68e36d9
commit dcfce12
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 19 deletions.
diff --git a/rank/index.html b/rank/index.html
@@ -23,8 +23,8 @@
   <div class="box-holder">
     <div class="box w-90 p-0">
 
-      <section class="content">
-        <div class="container">
+      <section class="content" style="display: inline-block;">
+        <div class="container img-50">
           <h1 class="h1"> Welcome to the Rank Page! </h1>
           <p class="info"> Here, you can know your Level and your <br class="info2"> most playing Game in our website...
           </p>
@@ -42,15 +42,16 @@ <h1 class="h1"> Welcome to the Rank Page! </h1>
             }
           </script>
         </div>
+        <div class="card img-50">
+          <img src="/GGCat-IT-Project/assets/images/card.png" alt="">
+        </div>
       </section>
     </div>
   </div>
 
 
 
-  <div class="card">
-    <img src="/GGCat-IT-Project/assets/images/card.png" alt="">
-  </div>
+
 
   <!-- Table Gamers -->
   <section id="Ranking">

diff --git a/rank/mystyle.css b/rank/mystyle.css
@@ -42,16 +42,18 @@
   .container{
   margin-left: 10%;
   margin-top: 22%;
+  margin-right: 0;
   padding-bottom: 50px;
   line-height: 0.5em;
+  display: inline-block;
   }
 
   .h1{
   color: #fff;
   font-weight: bold;
   padding-bottom: 5%;
   /* font-size: 100px; */
-  word-spacing: -20px;
+  word-spacing: 20px;
   text-shadow: 1px 1px 1px #d1d1d1;
   }
 
@@ -66,7 +68,7 @@
   }
 
   .button{
-  position: absolute;
+  /* position: absolute; */
   padding: 20px 35px;
   left: 24%;
   top: 72%;
@@ -88,12 +90,13 @@
   }
 
   .card{
-  position: absolute;
-  left:58%;
-  top: 28%;
+  /* position: absolute; */
+  /* left:58%; */
+  /* top: 28%; */
   background-color: #fff;
   border-radius: 45px;
   filter: grayscale(100%);
+  display: initial;
   }
 
   .card img{
@@ -124,24 +127,24 @@
 
   .hd1{
     color: var(--primary10);
-    margin-left: 10%;
+    /* margin-left: 10%; */
     font-size: 60px;
     font-weight: bold;
     word-spacing: -20px;
     background-color: #d1d1d1;
   border-radius: 55px;
   border-style: none;
   padding: 20px;
-  width: 16%;
+  width: 100%;
   }
 
 
   .rankgamers, td, th{
     text-align: center;
-    width: 35%;
+    width: 100%;
     font-size: 3.5rem;
     color: #fff;
-    margin-left: 5%;
+    /* margin-left: 5%; */
     border: #391660 2px solid;   
     word-spacing: -20px;
   }
@@ -190,23 +193,23 @@
 
   .hd2{
     color: var(--primary10);
-    margin-left: 10%;
+    /* margin-left: 10%; */
     font-size: 60px;
     font-weight: bold;
     word-spacing: -20px;
     background-color: #d1d1d1;
   border-radius: 55px;
   border-style: none;
   padding: 20px;
-  width: 15%;
+  width: 100%;
   }
 
   .rankgames, td, th{
     text-align: center;
-    width: 35%;
+    width: 100%;
     font-size: 3.5rem;
     color: #fff;
-    margin-left: 5%;
+    /* margin-left: 5%; */
     border: #391660 2px solid;   
     word-spacing: -20px;
   }
@@ -224,7 +227,7 @@
       } 
 
   .top{
-    padding: 60px;
+    padding: 20px;
     font-weight: bold;
   }
 
@@ -243,6 +246,7 @@
     align-self: center;
    object-fit: contain;
    width:100%;
+   min-width: 700px;
    filter: grayscale(100%);
   }