
CSS-Grid et Flexbox :: 2 techniques complémentaires

Dans ce nouveau tuto dédié à la pratique de développement FrontEnd, nous allons voir ensemble comment mettre en place une partie fixe et une partie mobile sur une page web.
La partie gauche de notre page sera toujours visible à l'écran et elle devra occuper la moitié de la largeur de l'écran et toute sa hauteur.
La partie droite quant à elle, sera scrollable.
Pour ce tuto, nous utiliserons la technologie GRID pour la mise en page de notre fichier web ainsi que la technique des positionnements CSS pour les effets donnés à l'image.
En cas de besoin, je mets à votre disposition 2 tutos pour réviser ou apprendre les techniques que nous allons utiliser dans ce cours :
Je mets à votre disposition l'ensemble des codes de cet exercice.
Un QCM de fin vous permettra de valider vos nouvelles connaissances.
Je reste disponible pour répondre à vos éventuelles questions sur ce cours.
Bon tuto !
Quel est le niveau requis pour suivre ce tuto ?
Que contient le fichier source ?
Les apprenants qui suivent cette formation s'intéressent aussi à :

CSS-Grid et Flexbox :: 2 techniques complémentaires


Savoir utiliser Grid et FlexBox ensemble

Responsive Web Site avec CSS Grid & Flexbox

CSS-Grid : Mise en application

A la découverte du langage CSS : Pratique

Formation Maîtrisez Tailwind CSS : Bundle complet

Dev. FrontEnd#7 : Galerie d'images en JavaScript


Bundle CSS Grid Moderne 2026 - Subgrid, Container Queries et Layouts Nouvelle Génération
Avis des apprenants