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)