Html CSS网格系统未按预期工作

/*响应式样式*/
* {
框大小：边框框；
}
}
.行：：之后{
内容：“；
明确：两者皆有；
显示：表格；
}
[类别*=“列-”]{
浮动：左；
填充：15px；
}
.col-1{宽度：8.33%；}
.col-2{宽度：16.66%；}
.col-3{宽度：25%；}
.col-4{宽度：33.33%；}
.col-5{宽度：41.66%；}
.col-6{宽度：50%；}
.col-7{宽度：58.33%；}
.col-8{宽度：66.66%；}
.col-9{宽度：75%；}
.col-10{宽度：83.33%；}
.col-11{宽度：91.66%；}
.col-12{宽度：100%；}
/*正文CSS*/
/*标题*/
#标题{
高度：70像素；
背景色：白色；
边框顶部：实心5px#324f8e；
边框底部：实心2px#d5dae7；
}
.标志{
背景图片：url（'images/logo.png'）；
背景重复：无重复；
利润率：15px；
浮动：左；
宽度：100%；
高度：自动；
}
.搜索{
背景

项目

将此代码添加到标题中：

display: grid;
grid-template-columns: repeat(x, 1fr);

按您希望在一行中的元素数更改x

这篇文章可能会有帮助：

---

Yeaaa，正如你所知，这不是css

grid

系统。但是，也请把你的工作放在一把小提琴（或类似的东西）中，这样其他人可以很容易地拨弄。有没有关于正确的网格系统的建议？我想是从W3S中挑选出来的。