---
# System prepended metadata

title: 11/15集訓

---


https://packages.eztravel.com.tw/?utm_source=google&utm_medium=ad_sem&AllianceID=201&SID=1&OUID=1665567044&gad_source=1&gclid=Cj0KCQiA_9u5BhCUARIsABbMSPvNLhfXp55W1exvu79gPZc1PQDaYOFI51H3VTMtLIrQigaDOftJuPYaAk4UEALw_wcB
![image](https://hackmd.io/_uploads/S1_5biVGkg.png)
![image](https://hackmd.io/_uploads/HyILR9EM1x.png)


https://www.wix.com/blog
![image](https://hackmd.io/_uploads/ByovYcVfkl.png)

## flex、grid
![image](https://hackmd.io/_uploads/r1A0esVMkg.png)
https://www.w3schools.com/cssref/css3_pr_justify-content.php
![image](https://hackmd.io/_uploads/B1pzWj4G1g.png)


[連結](https://www.casetify.com/iphone-cases/iphone-16-pro-max-cases?nbt=nb%3Aadwords%3Ag%3A11813331349%3A117502735409%3A712841874130&nb_adtype=&nb_kwd=casetify&nb_ti=kwd-299194893737&nb_mi=&nb_pc=&nb_pi=&nb_ppi=&nb_placement=&nb_si={sourceid}&nb_li_ms=&nb_lp_ms=&nb_fii=&nb_ap=&nb_mt=e&utm_source=google&utm_campaign=202012_MOFU_SN_Evergreen_TW_Brand_TCH&utm_medium=cpc&utm_content=&utm_term=casetify&gad_source=1&gclid=Cj0KCQiA_9u5BhCUARIsABbMSPtzb3CxUvR54LAjp_p_EQ3h8JQxN-eRqAkWueJgibmG_jyEu5YgH8saAp-1EALw_wcB)
![image](https://hackmd.io/_uploads/ry5e_54zkg.png)
https://www.w3schools.com/css/css3_flexbox_container.asp
https://www.w3schools.com/cssref/css3_pr_flex-wrap.php

https://www.w3schools.com/css/css_grid.asp
![image](https://hackmd.io/_uploads/ryocO94MJe.png)
![image](https://hackmd.io/_uploads/Bkmod9EMJg.png)


## 練習題
![image](https://hackmd.io/_uploads/ryCB1oVfkg.png)
![image](https://hackmd.io/_uploads/SJUiksNG1l.png)


![image](https://hackmd.io/_uploads/S1oJwoEf1x.png)
