什么'；这是使用css+；无礼？

我希望建立这个网格

我只是构建了一个简单的HTML页面——没有什么复杂的东西，我不需要在其他地方重用代码。将有两个文本框和两个图像，这将只是坐在这个网格

我最初打算走这条路：

哪一项工作做得很好，但使用框架（如Suzy）或其他解决方案会更好吗

我基本上是在寻找最佳实践，以及如何坚持工程固体、KISS、DRY和YAGNI原则

将有两个文本框和两个图像，这将只是坐在这个网格

我无法使你问题中的图像与描述相一致，所以我选择了描述

这是一个CSS网格，包含两个图像和两个文本框：

.grid{
显示：网格；
宽度：92vw；
高度：92vh；
保证金：1vh自动；
网格模板列：46vw 46vw；
网格模板行：46vh 46vh；
网格模板区域：
“文本框图像”
“图像文本框”；
}
.文本框{
边框：1px实心rgb（127127127）；
填充：6px；
}
.形象{
背景图像：url（'http://placebear.com/800/400');
背景尺寸：封面；
}

你可以编辑我-我是一个文本框。。。
我也是一个文本框-你也可以编辑我。。。

将有两个文本框和两个图像位于该网格上。链接到的栅格图像有12个栅格空间，而不是4个。（有争议的是，它有36个方格）。你想要什么样的网格？一个6x2的网格？已经有这么多的框架了为什么要构建你自己的呢？甚至有一些网站可以让你指定你的需求，然后为你构建css。现在，我会选择和的组合，在没有臃肿框架的情况下实现良好的责任感。