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.

您要培養的技能

  • Html
  • Front-End Web Development
  • Cascading 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

指導項目工作原理

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

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

常見問題

常見問題

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