Week3CSSGridNOVI:NOVI训练营第3周CSS网格作业

作业说明 最终结果 使用CSS Grid为桌面创建以下布局： 并使其在移动设备上看起来像这样： 使适应 在台式机和移动设备上，列和行的块之间的距离均为16px 。 所有三列均具有相同的宽度（并适应屏幕尺寸）。 块B包含150个字（提示：在HTML中键入lorem150 ，然后按Tab键）。 该块适应其包含的内容。 屏幕截图中列出了块的尺寸。 路线图 您不确定从哪里开始？ :exploding_head: 然后按照以下步骤操作： 重要：将PC或笔记本电脑放在一旁，拿一些纸和笔/铅笔。 将上面的“台式机”图片复制到纸上。 在块上绘制网格线。 考虑一下每一行和每一列应该有多宽和多高，并在草图中以“网格项”形式写下。 好的，您可以将笔记本电脑取回来！ 假装CSS网格不存在。 在grid-opdracht.html中创建一个简单的包含item元素的容器元素。 预先分配颜色，并将字母A-F放入项目中。 确保在