colocando tamanho no wrapper

rrafaelc · Nov 21, 2023 · 4c19a92 · 4c19a92
1 parent c8277a6
commit 4c19a92
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 27 deletions.
diff --git a/mais-buscados/script.js b/mais-buscados/script.js
@@ -39,28 +39,6 @@ const renderMaisBuscadas = async ({ pagina = 1, qtdPorPg = 20, order = 'desc' }
     paginas = perguntasMaisBuscadas.pagina;
     qtdPgs = perguntasMaisBuscadas.qtd_pg;
 
-    const tam = perguntasMaisBuscadas.resultado.length;
-
-    switch (tam) {
-      case 1:
-        main.style.marginBottom = '500px';
-        break;
-      case 2:
-        main.style.marginBottom = '400px';
-        break;
-      case 3:
-        main.style.marginBottom = '300px';
-        break;
-      case 4:
-        main.style.marginBottom = '200px';
-        break;
-      case 5:
-        main.style.marginBottom = '100px';
-        break;
-      default:
-        main.style.marginBottom = '0px';
-    }
-
     const maxLinks = 2;
     const numBotoesLado = maxLinks * 2 + 1;
 

diff --git a/mais-buscados/style.css b/mais-buscados/style.css
@@ -13,11 +13,12 @@ main {
   width: 100%;
   display: flex;
   justify-content: center;
+  min-height: 80vh;
 }
 
 .container {
-  width: 80%;
-  max-width: 1300px;
+  width: 100%;
+  max-width: 1000px;
   height: 100%;
   padding: 0 2rem;
   margin: 15px 0;

diff --git a/style.css b/style.css
@@ -123,17 +123,17 @@ main {
 }
 
 .wrapper {
+  width: 100%;
   display: flex;
   justify-content: center;
-  overflow: hidden;
-  flex: 1;
+  min-height: 80vh;
 }
 
 .container {
   width: 80%;
   height: 100%;
   padding: 0 2rem;
-  max-width: 1300px;
+  max-width: 1000px;
 }
 
 .drop {