Añadido en index la seccion main. Falta css.

This commit is contained in:
Lil_Carpi
2025-11-21 17:11:38 +01:00
parent b1fbe3c401
commit 5a1d26f900
2 changed files with 60 additions and 1 deletions

View File

@@ -259,3 +259,30 @@ body
}
/*=============FINAL DE ESTILOS DE PLANTILLA==============*/
/*====================Seccion juegos======================*/
.sectionTitle
{
text-align: center;
font-size: 2rem;
margin-bottom: 3rem;
color: #00C3FF;
text-shadow: 0 0 15px rgba(0, 195, 255, 0.5);
}
.cardsContainer
{
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 2.5rem;
padding: 0 1.5rem;
margin-bottom: 5rem;
}
/*==================Fin seccion juegos====================*/
/*=====================Seccion CTA========================*/
/*===================Fin seccion CTA======================*/

View File

@@ -29,8 +29,40 @@
</header>
<main class="content">
<section class="carrusel-container">
<section class="topSales">
<h2 class="sectionTitle">Top 3 vendes</h2>
<div class="cardsContainer">
<article class="gameCard">
<div class="cardImage">
<img src="assets/img/" alt="">
<h3>juego 1</h3>
<p>"opinion"</p>
</div>
</article>
<article class="gameCard">
<div class="cardImage">
<img src="assets/img/" alt="">
<h3>juego 2</h3>
<p>"opinion"</p>
</div>
</article>
<article class="gameCard">
<div class="cardImage">
<img src="assets/img/" alt="">
<h3>juego 3</h3>
<p>"opinion"</p>
</div>
</article>
</div>
</section>
<section class="ctaSection">
<div class="ctaContent">
<p>Veure mes jocs disponibles</p>
<a href="videojocsSAD.html" class="ctaButton">Veure cataleg complet</a>
</div>
</section>
</main>