---
# System prepended metadata

title: 第二堂：Flex 切版任務
tags: [2021 程式體驗營]

---

---
tags: 2021 程式體驗營
---

# 第二堂：Flex 切版任務
本門直播課將於 6/9(三) 20:00 開始！，進入[直播間](https://rpg.hexschool.com/training/22/show?embedhm=Uuk0KDvYRNeYgL7b24Pbqw)。

## 本堂教學重點
* Flexbox 切版任務講解

## Flex 切版教學

1. [CSS3 Flex 完整教學 - 50 分鐘影片](https://www.youtube.com/watch?v=lmBM7_OTDBQ)
2. [進階教學](https://w3c.hexschool.com/flexbox/2186a786)

## VS Code 產生程式碼片段
1. [snippet generator](https://snippet-generator.app)

## Font Awesome
1. [官網連結](https://fontawesome.com/)
2. [範例程式碼](https://codepen.io/hexschool/pen/ZEejMyo)

```
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.3/css/all.css" integrity="sha384-SZXxX4whJ79/gErwcOYf+zWLeJdY/qpuqC4cAa9rOGUstPomtqpuNWT9wdPEn2fk" crossorigin="anonymous">
```