eru 324: newspaper fix mobile layout

jknvlvxs · Apr 2, 2024 · 64ab67e · 64ab67e
1 parent b9be73f
commit 64ab67e
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 10 deletions.
diff --git 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
@@ -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,19 +344,19 @@ ul {
 
 @media only all and (max-width: 768px) {
   .collumn {
-    width: 100%;
+    width: 50%;
   }
   .collumn + .collumn {
     border-left: none;
     border-top: 2px solid #2f2f2f;
   }
 
   .one-third {
-    width: 100% !important;
+    width: 97% !important;
   }
 
   .two-third {
-    width: 100% !important;
+    width: 97% !important;
   }
   header {
     max-width: 320px;