Build Responsive Service Page UI using CSS3 Flexbox

von
Coursera Project Network
In diesem angeleitetes Projekt werden Sie:

Learn Flexbox Playground and Flexbox vs. CSS Grid

Build Mobile Service Page UI Layout using CSS3 Flexbox

Build Web Service Page UI Layout using CSS3 Flexbox

Clock1.5 hours
IntermediateMittel
CloudKein Download erforderlich
VideoVideo auf geteiltem Bildschirm
Comment DotsEnglisch
LaptopNur Desktop

This project will teach you how to implement and build responsive Service Page 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 can 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.

Kompetenzen, die Sie erwerben werden

  • Html
  • Front-End Web Development
  • Cascading Style Sheets (CCS)
  • CSS3 Flexbox

Schritt für Schritt lernen

In einem Video, das auf einer Hälfte Ihres Arbeitsbereichs abgespielt wird, führt Sie Ihr Dozent durch diese Schritte:

  1. Introduction, Flexbox Playground and Flexbox vs. CSS Grid

  2. Implement Service Page UI HTML Coding 1

  3. Implement Service Page UI HTML Coding 2

  4. Implement Basic CSS Styling of Service Page UI

  5. Implement CSS Styling of Flex Items in Service Page UI

  6. Implement Mobile Layout of Service Page UI

  7. Implement Web Layout of Service Page UI

Ablauf angeleiteter Projekte

Ihr Arbeitsbereich ist ein Cloud-Desktop direkt in Ihrem Browser, kein Download erforderlich

Ihr Dozent leitet Sie in einem Video mit geteiltem Bildschirm Schritt für Schritt an.

Häufig gestellte Fragen

Häufig gestellte Fragen

Haben Sie weitere Fragen? Besuchen Sie das Learner Help Center.