periodic

元素周期表 用CSS Grid，React和Science制成！ 它是如何制成的？ 我使用CSS网格进行了布局。 桌子是一堆18列的盒子，以有趣的方式排列。 我使用视口宽度来设置大多数元素尺寸和文本尺寸，以便表格将根据屏幕尺寸进行缩放。 不过，请在您的终端上对其进行测试并向我发送PR。 我用<div>创建了每个框，其中的<div> element和数字类如下： element-1 我使用emmet自动填充118个盒子。 独特的类名称帮助我按CSS中的位置排列它们。 例如，在元素57和89中，当镧系元素和in系元素拆分表时，我使它们分开并向下推标记。 请参阅主要CSS文件，了解我的操作方式。 在按原样排列元素之后，然后在React上进行过渡。 React使我可以使这些项目具有交互性。 我发现 ，其中包含用于动态填充符号名称和其他信息的所有元素信息。 这为我节省了很多时间和时间，