Aller au contenu principal
Guillaume Duverger Code & graphisme icodink.com Création de sites web modernes et graphisme

Mise en page avec les conditions CSS (fonction if())

Accueil blog Astuces CSS MAJ : 22 juillet 2025

Votre navigateur ne supporte pas cette démonstration

header
Section
aside
footer


<body>

<header></header>
<main>
<section></section>
<aside></aside>
</main>
<footer></footer>





body{

display: grid;
grid-template-rows: 100px 1fr 100px;
min-height: 100vh;

}
	
main{

display:grid;
grid-template-columns:if(media(width >=62.75rem):2fr) if(media(width >=62.75rem):1fr);

}