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

指导项目工作原理

您的工作空间就是浏览器中的云桌面,无需下载

在分屏视频中,您的授课教师会为您提供分步指导

常见问题

常见问题

还有其他问题吗?请访问 学生帮助中心