Vous êtes nouveau sur Developpez.com ? Créez votre compte ou connectez-vous afin de pouvoir participer !

Vous devez avoir un compte Developpez.com et être connecté pour pouvoir participer aux discussions.

Vous n'avez pas encore de compte Developpez.com ? Créez-en un en quelques instants, c'est entièrement gratuit !

Si vous disposez déjà d'un compte et qu'il est bien activé, connectez-vous à l'aide du formulaire ci-dessous.

Identifiez-vous
Identifiant
Mot de passe
Mot de passe oublié ?
Créer un compte

L'inscription est gratuite et ne vous prendra que quelques instants !

Je m'inscris !

CSS Grid pratique : ajouter Grid à un design existant
Un tutoriel de Eric Meyer

Le , par Laethy

34PARTAGES

13  0 
Chers membres du club,

J'ai le plaisir de vous présenter ce tutoriel de Eric Meyer dont le but est de vous apprendre à ajouter Grid à un design existant avec CSS Grid.

CSS Grid nous permet de définir des colonnes et des rangées, puis d'y attacher des éléments dans l'ordre que nous voulons. Cela vous fait peut-être penser aux tables, mais Grid est infiniment plus que ce que les tables ont jamais rêvé de faire. Il rend possibles des layouts plus « responsifs », des documents bien plus accessibles et un markup plus propre qu'avec les floats et le positionnement habituels.

Depuis des années que le CSS existe, jamais il n'a proposé un pareil système. Et Grid est déjà supporté dans Firefox, Chrome, Opera et Safari. Nous sommes à l'aube d'une nouvelle ère du design numérique.
Bonne lecture .

Retrouvez les meilleurs cours et tutoriels pour apprendre le CSS

Une erreur dans cette actualité ? Signalez-le nous !

Avatar de jreaux62
Rédacteur/Modérateur https://www.developpez.com
Le 28/05/2019 à 19:16
Ce serait bien de "rappeler" la compatibilité du "grid system CSS" selon les navigateurs...

I.E. reste la "norme" dans certains pays / sociétés (qui n'ont pas les moyens techniques/financiers d'"évoluer"...).
0  0 
Avatar de micka132
Expert confirmé https://www.developpez.com
Le 06/06/2019 à 14:09
Citation Envoyé par jreaux62 Voir le message
I.E. reste la "norme" dans certains pays / sociétés (qui n'ont pas les moyens techniques/financiers d'"évoluer"...).
C'est d'autant plus drôle que c'est Microsoft qui est à l'origine du css grid https://blogs.msdn.microsoft.com/ie/...ptive-layouts/
0  0