[請益] 請問如何用普通的CSS做出這樣的Grid呢?

作者: hoyunxian (WildDagger)   2023-03-11 23:08:47
如題
想用普通的HTML和CSS做出下面這個樣子的版型
https://images.plurk.com/4pYjR6aHG84rJtBFip2VE8.png
HTML我目前是寫成這樣
https://images.plurk.com/dNKNQcDuI8mdcA0MyZ6G0.png
CSS雖然有參考網路上面寫的Grid指令
https://images.plurk.com/m3RHcOOgjwJBcSltol6n7.png
不過寫成這樣在瀏覽器看起來跟我想要的效果差很多Orz
https://images.plurk.com/7MtpQsFpzskctyKVUerg1g.png
不知道應該怎樣去修改它比較好Orz
還是我應該改成用Flex去弄比較好呢……
作者: ReadSnow (AnnyCat)   2023-03-12 02:51:00
flex跟gap也可以做到,如果你習慣用flex的話
作者: t520131412 (羽)   2023-03-12 10:30:00
為什麼code不放codepen哩?
作者: VdustR (京)   2023-03-14 00:56:00
grid-area

Links booklink

Contact Us: admin [ a t ] ucptt.com