modificació del footer i modificació menor al CSS.

This commit is contained in:
2025-11-19 11:44:01 +01:00
parent 89b41b79dd
commit 5224cfe178
2 changed files with 16 additions and 22 deletions

View File

@@ -1,3 +1,5 @@
/*=============INICIO DE ESTILOS DE PLANTILLA==============*/
/*Reset básico: Eliminacion del padding y evita que el tamaño crezca por máargenes internos*/ /*Reset básico: Eliminacion del padding y evita que el tamaño crezca por máargenes internos*/
* *
{ {
@@ -138,13 +140,14 @@ body
{ {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
justify-content: center;
} }
/*Cada columna del footer*/ /*Cada columna del footer*/
.footerLinks .footerLinks
{ {
width: 25%; flex: 1 1 200px;
padding: 0 15px; max-width: 300px;
} }
/*Titulos de los bloques del footer*/ /*Titulos de los bloques del footer*/
@@ -253,4 +256,6 @@ body
padding-bottom: 30rem; padding-bottom: 30rem;
max-width: 1200px; max-width: 1200px;
margin: 0 auto; margin: 0 auto;
} }
/*=============FINAL DE ESTILOS DE PLANTILLA==============*/

View File

@@ -39,30 +39,19 @@
<div class="container"> <div class="container">
<div class="footerRow"> <div class="footerRow">
<div class="footerLinks"> <div class="footerLinks">
<h4>Testing 1</h4> <h4>Contactes</h4>
<ul> <ul>
<li><a href="#">Acerca de</a></li> <li><a href="nosaltresSAD.html">Sobre nosaltres</a></li>
<li><a href="#">que hago</a></li> <li><a href="https://maps.app.goo.gl/Eucdw56tTZbn8KnH7">A on som? (08304)</a></li>
<li><a href="#">Politica de privacidad</a></li> <li><a href="politicaSAD.html">Política de privadesa</a></li>
<li><a href="#">Login</a></li>
</ul> </ul>
</div> </div>
<div class="footerLinks"> <div class="footerLinks">
<h4>Testing 2</h4> <h4>Socis</h4>
<ul> <ul>
<li><a href="#">FaQ</a></li> <li><a href="socisSAD.html">Vols ser-ne soci?</a></li>
<li><a href="#">Compras</a></li> <li><a href="videojocsSAD.html">Qué oferim?</a></li>
<li><a href="#">No se que poner</a></li> <li><a href="mailto:contacte@jocsmania.cat">Contacta amb nosaltres</a></li>
<li><a href="#">me quede sin ideas</a></li>
</ul>
</div>
<div class="footerLinks">
<h4>Testing 3</h4>
<ul>
<li><a href="#">Negros</a></li>
<li><a href="#">Blancos</a></li>
<li><a href="#">azules</a></li>
<li><a href="#">verdes</a></li>
</ul> </ul>
</div> </div>
<div class="footerLinks"> <div class="footerLinks">