Build Responsive Image Gallery UI using CSS3 Flexbox

Offert par
Coursera Project Network
Dans ce Projet guidé, vous :

Learn Flexbox Playground and Flexbox vs. CSS Grid

Build Web and Tablet Image Gallery UI Layout using Flexbox

Build Mobile Image Gallery UI Layout using Flexbox

Clock1.5 hours
IntermediateIntermédiaire
CloudAucun téléchargement requis
VideoVidéo en écran partagé
Comment DotsAnglais
LaptopOrdinateur de bureau uniquement

This project will teach you how to implement and build Image Gallery UI using CSS3 Flexbox. This project also teaches the different Flexbox playground options and also the differences between the Flexbox and the CSS Grid are mentioned so that one decide on which layout to choose for building modern web layouts. Note: This course works best for learners who are based in the North America region. We’re currently working on providing the same experience in other regions.

Les compétences que vous développerez

Css Flex Box LayoutCascading Style Sheets (CCS)Image GalleryFront End Web Development

Apprendrez étape par étape

Votre enseignant(e) vous guidera étape par étape, grâce à une vidéo en écran partagé sur votre espace de travail :

  1. Introduction, Flexbox Playground and Flexbox vs CSS Grid

  2. Top Level view of the Image Gallery Layout

  3. Implement Image Gallery UI HTML Coding 

  4. Implement Flexbox properties on Image Gallery UI

  5. Implement Image Gallery Web Layout

  6. Implement Image Gallery Tablet Layout

  7. Implement Image Gallery Mobile Layout 

Comment fonctionnent les projets guidés

Votre espace de travail est un bureau cloud situé dans votre navigateur, aucun téléchargement n'est requis.

Votre enseignant(e) vous guide étape par étape dans une vidéo en écran partagé

Foire Aux Questions

Foire Aux Questions

D'autres questions ? Visitez le Centre d'Aide pour les Etudiants.