Merge pull request #37 from italoh623/feature/responsivo

Corrigindo margem
italoh623 · Mar 15, 2024 · fe770fd · fe770fd
2 parents 01a8770 + cfb90a8
commit fe770fd
Show file tree

Hide file tree

Showing 5 changed files with 8 additions and 6 deletions.
diff --git a/src/components/Map/PopupMarker/styles.module.css b/src/components/Map/PopupMarker/styles.module.css
@@ -52,7 +52,7 @@
   overflow-y: scroll;
 
   font-family: var(--sometypeMono-font);
-  color: var(--black-900);
+  color: #2F2012 !important;
   font-weight: 500;
   text-align: justify;
   font-size: 1rem !important;

diff --git a/src/components/SessionDisappearance/index.tsx b/src/components/SessionDisappearance/index.tsx
@@ -29,7 +29,7 @@ export default function SessionDisappearance() {
           <p>De acordo com Bárbara, integrante do Coletivo Cine Rua PE, os cinemas de rua nasceram através do interesse da iniciativa privada.</p>
         </section>
 
-        <section>
+        <section className={styles.margin}>
           <Quote
             description="-Destaca Bárbara."
             quote="Cinemas de rua nasceram de forma privada, é por isso que tivemos tantos[...] Os cinemas que a gente conhece hoje, já associamos como uma responsabilidade do estado, ao patrimônio, das fundações de cultura, de acesso democrático, por que hoje ele está no espaço público, mas isso é uma coisa recente."

diff --git a/src/components/SessionDisappearance/styles.module.css b/src/components/SessionDisappearance/styles.module.css
@@ -142,6 +142,10 @@
   color: #000000;
 }
 
+.margin {
+  margin-bottom: 60px;
+}
+
 @media (max-width: 768px) {
   .container {
     padding: 25px 40px;

diff --git a/src/components/SessionMore/styles.module.css b/src/components/SessionMore/styles.module.css
@@ -1,6 +1,5 @@
 .container {
   position: relative;
-  top: -50px;
 
   display: flex;
   flex-direction: column;
@@ -53,6 +52,8 @@
 
   background-color: #F3E8D5;
   border: 0;
+
+  margin-bottom: 50px;
 }
 
 .findOutMore button:hover {

diff --git a/src/components/SessionRevitalize/styles.module.css b/src/components/SessionRevitalize/styles.module.css
@@ -1,7 +1,4 @@
 .container {
-  position: relative;
-  top: -50px;
-
   padding: 50px 100px;
   padding-bottom: 0px;