refactor (main): responsive screen

_includes/css/museu.css

@@ -8,4 +8,36 @@ td {
   padding:10px;
   border:2px solid;
   font-size: 1.5em;
-}
+}
+
+table.tbmain {
+  margin-left:auto;
+  margin-right:auto;
+  width: 100%;
+}
+
+table.tbmain tr {
+  border: 3px solid black;
+}
+
+table.tbmain td {
+  border: 3px solid black;
+  padding: 3px;
+  font-size: 18px;
+  text-align: center;
+}
+
+.google-maps {
+  position: relative;
+  padding-bottom: 75%;
+  height: 0;
+  overflow: hidden;
+}
+
+.google-maps iframe {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100% !important;
+  height: 100% !important;
+}

_posts/2023-10-25-main.markdown

@@ -18,30 +18,34 @@ Haverá um ônibus circulando pela Unicamp por todos os locais do evento.
 
 <br>
 
-<table style="margin-left:auto; margin-right:auto">
-<tr style="border: 3px solid black">
-<th style="border: 3px solid black; padding: 6px"><a href="./ig/">Geociências</a></th>
-<th style="border: 3px solid black; padding: 6px"><a href="./mc/">Museu Exploratório</a></th>
-<th style="border: 3px solid black; padding: 6px"><a href="./imecc/">Matemática</a></th>
-</tr>
-<tr style="border: 3px solid black">
-<th style="border: 3px solid black; padding: 6px"><a href="./plasma/">Plasma</a></th>
-<th style="border: 3px solid black; padding: 6px"><a href="./informatica/">Museu da Informática</a></th>
-<th style="border: 3px solid black; padding: 6px"><a href="./ifgw/">Física</a></th>
-</tr>
-<tr style="border: 3px solid black">
-<th style="border: 3px solid black; padding: 6px"><a href="./iq/">Química</a></th>
-<th style="border: 3px solid black; padding: 6px"><a href="./ib/">Biologia</a></th>
-<th style="border: 3px solid black; padding: 6px"><a href="./ginasio/">Ginásio</a></th>
-</tr>
+<table width="100%" class="tbmain">
+  <tr>
+    <td><a href="./ig/">Geociências</a></td>
+    <td><a href="./mc/">Museu Exploratório</a></td>
+    <td><a href="./imecc/">Matemática</a></td>
+  </tr>
+  <tr>
+    <td><a href="./plasma/">Plasma</a></td>
+    <td><a href="./informatica/">Museu da Informática</a></td>
+    <td><a href="./ifgw/">Física</a></td>
+  </tr>
+  <tr>
+    <td><a href="./iq/">Química</a></td>
+    <td><a href="./ib/">Biologia</a></td>
+    <td><a href="./ginasio/">Ginásio</a></td>
+  </tr>
 </table>
 
 <br>
 
-<div style="width:800px;margin:auto"><iframe src="https://www.google.com/maps/d/embed?mid=1GP0p5RxvW02-XPxeWW2O9gye9QZa9S0&ehbc=2E312F&z=16" center="-22.81684,-47.06625" width="800px" height="600px"></iframe></div>
+<div class="google-maps">
+  <iframe src="https://www.google.com/maps/d/embed?mid=1GP0p5RxvW02-XPxeWW2O9gye9QZa9S0&ehbc=2E312F&z=16"
+          center="-22.81684,-47.06625" width="600" height="450" style="border:0;">
+  </iframe>
+</div>
 
 <br>
 
 <div class="col-lg-12 text-center">
-  <img width="800px" src="{{ site.baseurl }}/img/mupa-participantes.png">    
+  <img width="100%" src="{{ site.baseurl }}/img/mupa-participantes.png">    
 </div>