与以往的Web布局不同的杂志布局，原文地址 Highlights From Building a Magazine Layout 25 Nov 2019
一个杂志的照片
时至今日，我们掌握的web技术已经是今非昔比。日新月异。由我们来决定：要么接受挑战，要么不学习新事物。我想选择一种可以使用新CSS技术的设计，并尝试进一步掌握它们。今天，我选择一个杂志布局，其中包含一些非常有趣，具有挑战性的设计细节。
内容为了正确地用HTML标记，首先我浏览了所有内容。对我来说，它读起来就像一篇带有标题和描述段落的文章。我想象成像下面的设计模型。
当然，我们不会构建它，但是我想向你们展示在不用杂志版面的情况下设计的外观。
在HTML中，我添加了以下内容：
<div class="magazine"> <div class="item item-72"></div> <div class="item item-50"> <span>...Has lived quietly in harvard square for nearly</span> <span class="num">50</span> <span>years</span> </div> <!-- Other items --> </div>