在线商店产品的 HTML 和 CSS 结构

Question

我正在尝试创建与此图片相似的产品展示页面。

我说的是结构化，稍后我会添加样式。 最好的方法是使用 GRID 系统、Flexbox 还是两者兼而有之？ 如果您有任何想法或提示，请在下方展示！ 谢谢！！

Answer 1

这个问题不符合 SO 标准的要求，因为它太开放了。

话虽如此，您也可以在 Flexbox、Grid 或两者中构建它。

我建议您编写自己的 CSS（没有其他原因，然后练习 CSS，因为当您需要使用 Tailwind 或 Bootstrap 等框架时，它会有所帮助）。

使用 SCSS 的全部功能（即变量、mixin）。我自己有 this 存储库，我经常将其复制到我的所有项目中，因为它可以帮助我非常轻松地使布局响应。

但最好将您的代码放在这里，以便我们了解您的技能水平，以便我们提供相应的帮助。