From 3c3e2bc01797fd9ada01d1ee45c1841211749d4b Mon Sep 17 00:00:00 2001
From: Renan Lima <renangenito@hotmail.com>
Date: Tue, 27 Dec 2022 17:09:22 -0300
Subject: [PATCH 1/2] aula_2

---
 about.html       | 2 +-
 index.html       | 8 ++++----
 styles/style.css | 9 ++++++---
 3 files changed, 11 insertions(+), 8 deletions(-)

diff --git a/about.html b/about.html
index 3e3f891..47f5091 100644
--- a/about.html
+++ b/about.html
@@ -33,7 +33,7 @@ <h1 class="apresentacao__conteudo__titulo">Sobre mim</h1>
                 perferendis doloribus asperiores ipsum delis forum birol parela maxime infena. Excepteur sint occaecat
                 cupidatat non.</p>
         </section>
-        <img src="./assets/imagem.png" alt="Foto da Joana Santos programando">
+        <img class="apresentacao__imagem" src="./assets/imagem.png" alt="Foto da Joana Santos programando">
     </main>
 
     <footer class="rodape">
diff --git a/index.html b/index.html
index 3db4db5..45c1033 100644
--- a/index.html
+++ b/index.html
@@ -28,21 +28,21 @@ <h1 class="apresentacao__conteudo__titulo">Eleve seu negócio digital a outro n
             conversar?</p>
             <div class="apresentacao__links">
                 <h2 class="apresentacao__links__subtitulo">Acesse minhas redes</h2>
-                <a class="apresentacao__links__link" href="https://github.com/rafaballerini">
+                <a class="apresentacao__links__navegacao" href="https://github.com/rafaballerini">
                     <img src="./assets/github.png">
                     Github
                 </a>
-                <a class="apresentacao__links__link" href="https://linkedin.com/in/rafaellaballerini">
+                <a class="apresentacao__links__navegacao" href="https://linkedin.com/in/rafaellaballerini">
                     <img src="./assets/linkedin.png">
                     linkedin
                 </a>
-                <a class="apresentacao__links__link" href="https://twitch.tv/guilimadev">
+                <a class="apresentacao__links__navegacao" href="https://twitch.tv/guilimadev">
                     <img src="./assets/twitch.png">
                     Twitch
                 </a>
             </div>
         </section>
-        <img src="./assets/imagem.png" alt="Foto da Joana Santos programando">
+        <img class="apresentacao__imagem" src="./assets/imagem.png" alt="Foto da Joana Santos programando">
     </main>
     <footer class="rodape">
         <p>Desenvolvido por Alura.</p>
diff --git a/styles/style.css b/styles/style.css
index c91ccad..12166f5 100644
--- a/styles/style.css
+++ b/styles/style.css
@@ -40,7 +40,7 @@ body{
     justify-content: space-between;
 }
 .apresentacao__conteudo{
-    width: 615px;
+    width: 50%;
     display: flex;
     flex-direction: column;
     gap: 40px;
@@ -70,12 +70,12 @@ body{
     font-weight: 400;
     font-size: 1.5rem;
 }
-.apresentacao__links__link{
+.apresentacao__links__navegacao{
     display: flex;
     justify-content: center;
     gap: 16px;
     border: 2px solid var(--cor-terciaria);
-    width: 378px;
+    width: 50%;
     text-align: center;
     border-radius: 8px;
     font-size: 1.5rem;
@@ -88,6 +88,9 @@ body{
 .apresentacao__links__link:hover{
     background-color: var(--cor-hover);
 }
+.apresentacao__imagem{
+    width: 50%;
+}
 .rodape{
     color: var(--cor-primaria);
     background-color: var(--cor-terciaria);

From ad8fb650f3c8d8b5ce116bbcc5efcc2f12b34c65 Mon Sep 17 00:00:00 2001
From: Renan Lima <renangenito@hotmail.com>
Date: Tue, 27 Dec 2022 17:17:38 -0300
Subject: [PATCH 2/2] aula_3

---
 styles/style.css | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/styles/style.css b/styles/style.css
index 12166f5..725f9b0 100644
--- a/styles/style.css
+++ b/styles/style.css
@@ -38,6 +38,7 @@ body{
     display: flex;
     align-items: center;
     justify-content: space-between;
+    gap: 82px;
 }
 .apresentacao__conteudo{
     width: 50%;
@@ -99,4 +100,17 @@ body{
     font-family: var(--fonte-secundaria);
     font-size: 1.5rem;
     font-weight: 400;
+}
+
+@media (max-width: 1200px) {
+    .cabecalho{
+         padding: 10%;  
+    }
+    .cabecalho__menu{
+        justify-content: center;
+    }
+    .apresentacao{
+        flex-direction: column-reverse;
+    }
+    
 }
\ No newline at end of file