Atomic Layout是一个轻量级的React库，允许你为你的组件生成一个基于网格的响应式布局。 像styled-components和emotion这样的现代CSS库是非常有用的，因为它们允许你创建孤立的、本地的CSS，只适用于预定的特定组件。 但由于这两个库都只专注于在JavaScript内编写CSS，这意味着你必须自己编写创建响应式布局所需的CSS规则。 例如，假设你有一个如下所示的卡

- 阅读全文 -