第3組 - 第一週小組任務

問題討論題目

參與成員

第一題 心理測驗

第二題 選擇題

第三題

Fred Chang：36+(16*1.5*+24)*2+90=222 peter.chen1024：222(36+24+24+24+24+90) 肉鬆：36+24+24+24+24+90=222 Tori：36+24+24+24+24+90=222 jimmyFang：36+(48*2)+90 = 222 涂阿銘：36+48+48+90=222 Elena Chang：36+2*(16*1.5+24)+90=222px 吐司：36+(16*1.5+24)*2+90=222px yijun：36+(16*1.5+24)*2+90=222 Lina Chen：36(h1) + 24x2 (p 段落) + 24x2(p 的 margin-bottom) + 90(img) = 222px

第四題

Fred Chang：寬93高93 peter.chen1024：寬:93，高93 肉鬆：寬:93 高:93 Tori：50+3+202 = 93px； 高: 50+3+20*2 = 93px jimmyFang：寬: 50+3+20+20 = 93 高: 50+3+20+20 = 93 涂阿銘：寬、高：50+20+20+3=93 Elena Chang：寬：50+3+20+20=93px；高：50+3+20+20=93px 吐司：寬(50+3+20+20)=93、高(50+3+20+20)=93 yijun：寬：50+3+40=93、高：50+3+40=93 Lina Chen：card 高度： 50 (height) + 3 (border-bottom) + 20 x 2(padding 上下) = 93px；.card 寬度： 50 (weight) + 3 (border-right) + 20 x 2 (padding 左右) = 93px

第五題

第六題

第七題

Fred Chang：Repo 、Page
與老師 這堂課程錄影 的18:40處結構大致相同，但有在.news的li中多把h2和p另外用一個div包起來，讓img可以和文章內容水平排版。

peter.chen1024：codepen
在 .main 裡面第一個 display:flex 水平排版左邊 ul 和右邊的 ad 區塊，在 li 裡面第二個 display:flex 水平排版左邊的 img 和右邊的 new 區塊

肉鬆：codepen

Tori：從缺

jimmyFang：codepen

涂阿銘：codepen

Elena Chang：從缺

吐司：從缺

yijun：codepen

Lina Chen：：codepen

討論截圖