Bonjour,
je tâtonne en responsive design et suis en train de tester Grillade.css V7 (seul sans Knacss).
Tout marche parfaitement bien sauf le « re-positionnement » en 1 colonne sur un smartphone. Le code simple (voir ci-dessous) s'affiche bien en 3 colonnes sur un ordi mais reste toujours en 3 colonnes sur un smartphone.
En dessous de 480 px, l'affichage devrait être sur 1 colonne ?
J'ai du louper quelque chose !
Merci à tous
je tâtonne en responsive design et suis en train de tester Grillade.css V7 (seul sans Knacss).
Tout marche parfaitement bien sauf le « re-positionnement » en 1 colonne sur un smartphone. Le code simple (voir ci-dessous) s'affiche bien en 3 colonnes sur un ordi mais reste toujours en 3 colonnes sur un smartphone.
En dessous de 480 px, l'affichage devrait être sur 1 colonne ?
J'ai du louper quelque chose !
Merci à tous
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Document sans nom</title>
<link href="grillade-grid.css" rel="stylesheet" type="text/css" />
</head>
<body>
<section class="grid-3">
<div><h1>Hello world !</h1></div>
<div><h1>Hello world !</h1></div>
<div><h1>Hello world !</h1></div>
<div><h1>Hello world !</h1></div>
<div><h1>Hello world !</h1></div>
<div><h1>Hello world !</h1></div>
</section>
</body>