Mise en page responsive

Mobile first

Dans une approche "mobile first", nous allons partir d'une maquette graphique à destination des smartphone qui sera progressivement enrichie sur tablette et ensuite sur écran d'ordinateur.

Affichage smartphone (grille sur 1 colonne)

Affichage tablette (grille sur 2 colonnes)

Affichage écran ordi (grille sur 3 colonnes)

Structure HTML / CSS

[Grid] Mise en page responsive

(section) Vivamus sagittis lacus vel augue laoreet rutrum faucibus...

(article) Duis mollis, est non commodo luctus...

Vestibulum id ligula porta felis euismod semper...

Maecenas faucibus mollis interdum. Cum sociis natoque...