CSS3 Flexbox - Mastering the Basics

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

Learn Flexbox and Flexbox Layout

Understand Flexbox Container Properties

Understand Flexbox Item Properties

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 easy and simple examples on Flexbox properties so that one can understand and master the basics of Flexbox so that these can be applied in building modern web layouts in Front End part of the Web application process. This project covers all Flexbox properties like Flexbox Container Properties and Flexbox Item Properties. 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

  • Front End Web Application
  • Cascading Style Sheets (CCS)
  • Flexbox Basics
  • CSS3 Flexbox

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 to Flexbox, and Flexbox Layout

  2. Flexbox Container Properties 1 - Basic HTML Code, Flexbox display property 

  3. Flexbox Container Properties 2 - flex-direction,flex-wrap and flex-flow

  4. Flex Container Properties 3 - justify content, align item and align content

  5. Flex Items Properties 1 - order, flex-grow and flex-shrink

  6. Flex Items Properties 2 - flex-basis , align-self and flex

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 Étudiants.