From d5dfdfc5ac7cd4385b1ed16ff004a3c0119f4e55 Mon Sep 17 00:00:00 2001
From: bigmozi <annealmeids@gmail.com>
Date: Fri, 10 Sep 2021 00:39:12 -0300
Subject: [PATCH] aula-de-responsividade

---
 alunas/ane-carolina/css/style.css | 85 ++++++++++++++++++++++++++++++-
 alunas/ane-carolina/index.html    |  2 +-
 2 files changed, 84 insertions(+), 3 deletions(-)

diff --git a/alunas/ane-carolina/css/style.css b/alunas/ane-carolina/css/style.css
index e8c4e1c..89413e0 100644
--- a/alunas/ane-carolina/css/style.css
+++ b/alunas/ane-carolina/css/style.css
@@ -122,6 +122,7 @@ main{
 .container-listas{
     display: flex;
     justify-content: space-between;
+    flex-wrap: wrap;
 }
 
 .lista{
@@ -179,8 +180,6 @@ form{
     padding: 30px;
     border-radius: 10px;
     
-
-
 }
 
 label, input{
@@ -217,4 +216,86 @@ fieldset{
     font-size: 25px;
     color: darkmagenta;
     margin-bottom: 20px;
+}
+
+
+@media (min-width:768px){
+
+    .cabecalho{
+        width: 100%;
+        max-width: 100%;
+        max-height: 50vw;
+        background: linear-gradient(rgba(116,44,126,0.5), rgba(167,92,204,0.7)), url(/alunas/ane-carolina/img/banner-bg.png) no-repeat;
+        background-size: cover;
+    }
+
+    .container-listas{
+        /* display: flex;
+        margin: 60px;
+        justify-content: space-around;*/
+
+        
+        display: grid;
+        /* aqui eu determino é são 3 colunas de tamanhos iguas, cada coluna tem uma fração */
+        grid-template-columns:  1fr;
+        /* esssa é a altura das linhas, se vc quiser pode apaga-la caso não queira uma altura definida
+        grid-auto-rows: 100px;
+        /* espaço entre um elemento interno e outro */
+        grid-gap: 20px;
+        /* margem interna que afasta os elementos da borda do grid */
+        padding: 20px;
+        margin-left: 70px;
+        
+        
+    }
+
+    .lista{
+        width:90%;
+    
+    }
+
+    .container-texto__imagem{
+        width: 30%;
+    }
+
+    .container-texto__paragrafos p, a, .container-trajetoria__paragrafo p{
+        flex-direction: row;
+        font-size: 25px;
+    }
+
+    .lista h3{
+        font-size: 30px;
+    }
+
+    .lista__item li{
+        font-size: 25px;
+    }
+
+    .card-gostos__titulo{
+
+        font-size: 40px;
+        margin-left: 90px;
+    }
+    
+
+    .campo-form label{
+        font-size: 25px;
+    }
+
+}
+
+@media (min-width:1024px){
+        .container-texto{
+            flex-direction: row;
+        }
+
+
+        .lista{
+            max-width: 30%;
+        }
+
+        .container-listas{
+            display: flex;
+            margin: 60px;
+            justify-content: space-around;}
 }
\ No newline at end of file
diff --git a/alunas/ane-carolina/index.html b/alunas/ane-carolina/index.html
index 5da4443..2e71079 100644
--- a/alunas/ane-carolina/index.html
+++ b/alunas/ane-carolina/index.html
@@ -40,7 +40,7 @@ <h1 class="banner__titulo"> Olá, eu sou Mozi! Aluna do {Reprograma} </h1>
                 <h2 class="card-introducao__titulo"> Um pouco sobre mim...</h2>
                 <div class="container-texto">
                     <div class="container-texto__paragrafos">
-                        <p> Sou uma tipo 7 do <a href="https://www.vittude.com/blog/eneagrama/">eneagrama</a> que fala pra caramba </p>
+                        <p> Sou uma tipo 7 do <a class ="a" href="https://www.vittude.com/blog/eneagrama/">eneagrama</a> que fala pra caramba </p>
                         <p> Procuro estar em contato com diferentes ambientes, caçando possibilidades pra mudar minha realidade. Aproveito as oportunidades que me são dadas, encaro desafios com uma visão exploradora, com maestria e sem medo. </p>
                         <p> Sou voltada a processos e a soluções. Gosto muito de facilitar coisas: processos, comunicações, eventos e apresentações. Me considero uma pessoa criativa e mestre das gambiarras.</p>
                     </div>