Practical Use Cases of CSS3 Flexbox

提供方
Coursera Project Network
在此指導項目中,您將:

Understand the differences between Flexbox and CSS Grid, Flexbox Layout Model

Learn Practical Use Cases of CSS3 Flexbox

Build Responsive Web Navigation Bar and Web Layout

Clock1.5 hours
Intermediate中級
Cloud無需下載
Video分屏視頻
Comment Dots英語(English)
Laptop僅限桌面

By the end of this project, you will understand some of the practical use cases of Flexbox in easy way which can be helpfull in building modern web layouts. And you will also understand the differences between Flexbox and CSS Grid so that one can decide at very early stage of the web development UI process which one to choose. 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.

您要培養的技能

  • Html
  • Css Flex Box Layout
  • Practical Use Cases of Flexbox
  • Front End Web Development

分步進行學習

在與您的工作區一起在分屏中播放的視頻中,您的授課教師將指導您完成每個步驟:

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

  2. Centering an Item

  3. Responsive Navbar

  4. Variable Heights

  5. Responsive Layout

  6. Vertically Align Content

指導項目工作原理

您的工作空間就是瀏覽器中的雲桌面,無需下載

在分屏視頻中,您的授課教師會為您提供分步指導

常見問題

常見問題

還有其他問題嗎?請訪問 學生幫助中心