---
# System prepended metadata

title: 6/11 每日任務 Day5
tags: [2021 程式體驗營]

---

---
tags: 2021 程式體驗營
---
{%hackmd theme-dark %}
# 6/11 每日任務 Day5

## HTML 任務題目
請修改[範例檔案](https://codepen.io/WangShuan/pen/JjWBeoJ)的 HTML 與 CSS 區塊完成以下兩種設計：

1. 將第一個藍色背景 div 中的三個 img 設計成 flex 的從右到左排序，然後分散貼齊左右
2. 將第二個綠色背景 div 中的三個 img 設計成 flex 的從上到下排序，然後居中

不會的同學可以到 50 小時影音教學 flex 網頁排版技巧中的 主軸介紹那則影片學習。

範例示意圖：
![](https://i.imgur.com/HW7ISHu.jpg)

完成後示意圖：
![](https://i.imgur.com/BYtX6RV.jpg)

**A: [CodePen 連結](https://codepen.io/jeffhung/pen/OJpBpVK)**
## JS 任務題目

請參考下方代碼，回答每個 console.log() 的判斷結果(true 或 false)。

```javascript=
let a = '3';
let b = 3;

console.log(a == b)
console.log(a === b)

let c = '9';
console.log(c >= 9)
```
**A: true, false, true**
- Exact Answer
![](https://i.imgur.com/gxKvYkQ.jpg)
