Build Responsive Service Page UI using CSS3 Flexbox

提供方
Coursera Project Network
在此指导 项目中,您将:

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
Intermediate中级
Cloud无需下载
Video分屏视频
Comment Dots英语(English)
Laptop仅限桌面

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.

您要培养的技能

HtmlFront-End Web DevelopmentCascading Style Sheets (CCS)CSS3 Flexbox

分步进行学习

在与您的工作区一起在分屏中播放的视频中,您的授课教师将指导您完成每个步骤:

  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

指导项目工作原理

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

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

常见问题

常见问题

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