时间戳

首页 > 解决方案 > Trying to figure our CSS grid for page

css - Trying to figure our CSS grid for page

问题描述

Trying to figure out why my top container isn't laying out correctly. I'm just getting into CSS Grid. https://codesandbox.io/embed/stupefied-haze-v633r?fontsize=14&hidenavigation=1&theme=dark

Edit

I found my problem finally, my header container wasn't placed to close at the correct spot. Rookie mistake( That I wish I would stop making)

标签： csscss-grid

解决方案

如果您指的是 .wrapper 类，那么您需要设置一个最大宽度才能遵循其余部分。

如果您指的是在右上角您有一些空白空间的事实是您在网格上创建了​​这些区域并且它们没有被使用所以而不是

grid-template-areas: "showcase showcase top-box-a" "showcase showcase top-box-b";

grid-template-areas: "showcase showcase" "showcase showcase";

如果没有回答您的问题，即使是更具体的容器。

推荐阅读