From 64ab67e4a5c7b9c0bcf1d5de15b4cbc0525aaf21 Mon Sep 17 00:00:00 2001
From: jknvlvxs <dev.julio.alves@gmail.com>
Date: Tue, 2 Apr 2024 02:17:45 -0300
Subject: [PATCH] eru 324: newspaper fix mobile layout

---
 ERU324/newspaper/pages/propaganda.html |  2 +-
 ERU324/newspaper/styles/newspaper.css  | 14 +++++---------
 2 files changed, 6 insertions(+), 10 deletions(-)

diff --git a/ERU324/newspaper/pages/propaganda.html b/ERU324/newspaper/pages/propaganda.html
index 3855744..6ca39c4 100644
--- a/ERU324/newspaper/pages/propaganda.html
+++ b/ERU324/newspaper/pages/propaganda.html
@@ -1,6 +1,6 @@
 <div>
     <figure class="figure">
-        <img class="media" src="public/propaganda.jpg" alt="" width="600px">
+        <img class="media" src="public/propaganda.jpg" alt="" width="100%">
         <figcaption class="figcaption">Computador TK 85. 1985. Disponível em:
             <a href="https://www.propagandashistoricas.com.br/2013/04/computador-tk-85-1985.html"
                 target="_blank">https://www.propagandashistoricas.com.br/2013/04/computador-tk-85-1985.html</a>. Acesso
diff --git a/ERU324/newspaper/styles/newspaper.css b/ERU324/newspaper/styles/newspaper.css
index c35433b..1b83da0 100644
--- a/ERU324/newspaper/styles/newspaper.css
+++ b/ERU324/newspaper/styles/newspaper.css
@@ -4,6 +4,7 @@ body {
   color: #2f2f2f;
   background-color: #f9f7f1;
 }
+
 header {
   font-family: "Playfair Display", serif;
   font-weight: 900;
@@ -23,11 +24,6 @@ p {
 }
 
 ul {
-  /* background-color: red; */
-  /* add a black border on ul */
-  /* border: 1px solid #000; */
-  /* add a border radius */
-  /* border-radius: 5px; */
   padding-inline-start: 22px;
 
   li {
@@ -287,7 +283,7 @@ ul {
 }
 
 .full {
-  width: 100% !important;
+  width: 97% !important;
 }
 
 .one-third {
@@ -348,7 +344,7 @@ ul {
 
 @media only all and (max-width: 768px) {
   .collumn {
-    width: 100%;
+    width: 50%;
   }
   .collumn + .collumn {
     border-left: none;
@@ -356,11 +352,11 @@ ul {
   }
 
   .one-third {
-    width: 100% !important;
+    width: 97% !important;
   }
 
   .two-third {
-    width: 100% !important;
+    width: 97% !important;
   }
   header {
     max-width: 320px;