CSS Grid introduction et tutoriel débutant

Aujourd’hui je vais vous présenter une technologie CSS émergence qu’on utilisera dans les années à venir pour faire du responsive design

La technologie s’appelle le CSS grid
Aujourd’hui pour faire du responsive design en a besoin d’un framework CSS
Le premier des frémoire CSS qui permet de faire du responsive design et bootstrap
Ensuite il y en a eu d’autres j’ai plus utilisé par exemple UIKIT et sémantiqueUI.

 

Mais le problème que je t’ai rencontré été que c’est vrai moi qui était en constante évolution, et passer de l’un à l’autre de ces framework était assez fastidieux, car j’ai utilisé pas la même syntaxe

Pourtant on peut faire du responsive design en CSS pure mais c’est assez fastidieux
il y a les media queries qui vous permettent de réaliser le responsive design.

Mais comme vous le savez le CSS c’est assez difficilement lisible.

 

Bien sûr il y a des solutions comme le sac que vous transpirer en CSS mais ce n’est pas encore la solution idéale

Sans parler que le CSS a beaucoup de hack il faut utiliser pour avoir le même design sur tout les navigateurs

Puis est apparu la technologie flexbox qui résout un peu le problème

Mais cette dernière technologie est unidimensionnel et notre page est à deux dimensions

C’est pour résoudre ses problèmes que le CSS grid a été inventé pour l’instant seulement Google Chrome et Firefox l’ont implémenté

Retour en haut