[{"data":1,"prerenderedAt":95},["ShallowReactive",2],{"agendas-day2-4-m":3},{"_path":4,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":8,"description":9,"date":10,"startTime":11,"endTime":12,"location":13,"tags":14,"speakerCodes":17,"body":19,"_type":89,"_id":90,"_source":91,"_file":92,"_stem":93,"_extension":94},"/agendas/day2-4-m","agendas",false,"","Flex out！ CSS Grid 玩起來！","自從Flex出來後，網頁排版迎來了巨大的改變，但 CSS Grid 出來後，網頁排版更佳的便利了，過往一些不好處理的版面，用 Grid 都能輕鬆達成，今天就來看看 Grid 可以怎麼玩吧。","2024-12-28","11:50","12:35","M",[15,16],"frontend","uiux",[18],"amos",{"type":20,"children":21,"toc":86},"root",[22],{"type":23,"tag":24,"props":25,"children":26},"element","agenda-tabs-content",{},[27,78],{"type":23,"tag":28,"props":29,"children":30},"template",{"v-slot:agenda":7},[31,44,52,57,61,65,73],{"type":23,"tag":32,"props":33,"children":34},"agenda-title",{},[35],{"type":23,"tag":36,"props":37,"children":38},"p",{},[39],{"type":23,"tag":40,"props":41,"children":43},"binding",{"value":42},"$doc.title",[],{"type":23,"tag":45,"props":46,"children":51},"agenda-info",{":date":47,":end-time":48,":location":49,":start-time":50},"date","endTime","location","startTime",[],{"type":23,"tag":36,"props":53,"children":54},{},[55],{"type":56,"value":9},"text",{"type":23,"tag":58,"props":59,"children":60},"agenda-content-tags",{},[],{"type":23,"tag":62,"props":63,"children":64},"hr",{},[],{"type":23,"tag":32,"props":66,"children":67},{},[68],{"type":23,"tag":36,"props":69,"children":70},{},[71],{"type":56,"value":72},"目標會眾",{"type":23,"tag":36,"props":74,"children":75},{},[76],{"type":56,"value":77},"前端、UI、UX",{"type":23,"tag":28,"props":79,"children":80},{"v-slot:speaker":7},[81],{"type":23,"tag":36,"props":82,"children":83},{},[84],{"type":56,"value":85},"跨越設計、UX、程式、教學、出版、Youtube...等多領域斜槓人士，因為好玩而入各種坑，熱愛 CSS 的各種炫砲與實務應用，出版「金魚都能懂」系列教學影片及書籍，目前從野外野人狀態回歸都市開發自己覺得很酷的東西",{"title":7,"searchDepth":87,"depth":87,"links":88},2,[],"markdown","content:agendas:day2-4-m.md","content","agendas/day2-4-m.md","agendas/day2-4-m","md",1793299637551]