How to recreate Medium’s article layout with CSS Grid

How to recreate Medium’ s article layout with CSS Grid

摘要

本文介绍了使用CSS Grid来重新创建知名网站Medium的文章布局。除了左侧的三列布局外，还在右侧添加了一个类似的栏目。通过将整个文章标签转换为网格，并将整个宽度分为七列，可以实现中等大小图片和引用的布局。此外，还介绍了如何创建特殊样式的文本元素，并将其放置在文章的右侧。通过使用CSS Grid，可以轻松地实现这些布局效果。