studio-variable/index-main
4
0
Fork 0
Code Issues 7 Pull requests Projects Releases Packages Wiki Activity Actions

home container cards
All checks were successful
Deploy / Deploy to Production (push) Successful in 12s
Details

Browse source
This commit is contained in:
Julie Blanc 2026-01-13 12:18:22 +01:00
parent 4ff06a3adc
commit 36a7262c83
5 changed files with 27 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

10
assets/css/style.css
View file

@ -1604,6 +1604,16 @@ body main {
text-transform: uppercase; text-transform: uppercase;
} }
#home__investigations .container-cards {
max-width: var(--max-w-container);
margin: 0 auto;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
grid-auto-rows: minmax(100px, auto);
grid-gap: calc(var(--padding-body) * 1.5);
margin-bottom: 10vh;
}
#home__description .section--inner { #home__description .section--inner {
max-width: var(--max-w-container); max-width: var(--max-w-container);
} }

2
assets/css/style.css.map
View file

File diff suppressed because one or more lines are too long

13
assets/css/template/_home.scss
View file

@ -10,6 +10,19 @@
text-transform: uppercase; text-transform: uppercase;
} }
} }
#home__investigations{
.container-cards{
max-width: var(--max-w-container);
margin: 0 auto;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
grid-auto-rows: minmax(100px, auto);
grid-gap: calc(var(--padding-body)*1.5);
margin-bottom: 10vh;
}
}
#home__description{ #home__description{

5
assets/css/template/_investigations.scss
View file

@ -14,11 +14,6 @@
grid-gap: calc(var(--padding-body)*1.5); grid-gap: calc(var(--padding-body)*1.5);
margin-bottom: 10vh; margin-bottom: 10vh;
} }
@media #{$x-small}{ @media #{$x-small}{
margin-bottom: 10vh; margin-bottom: 10vh;

4
site/templates/home.php
View file

@ -15,10 +15,12 @@
</div> </div>
</section> </section>
<section class="section--home" id="home__inverstigations"> <section class="section--home" id="home__investigations">
<div class="section--inner"> <div class="section--inner">
<h2 class="title-section">Dernières Enquêtes</h2> <h2 class="title-section">Dernières Enquêtes</h2>
<section class="container-cards">
</section>
</div> </div>
</section> </section>