博客首页界面设计

在设计完了登录界面以后，继续使用flex布局设计一下博客首页。

首先，来设计一下首页的界面。

圣杯布局

在css -tricks的flex教程中，有介绍如何使用flex布局实现圣杯布局，详情url如下：

https://css-tricks.com/snippets/css/a-guide-to-flexbox/#flexbox-examples

贴一下最终实现效果：

图1 圣杯布局实现效果

图2 自适应屏幕尺寸

图3 自适应屏幕尺寸

下面，我将一步一步使用flex布局实现上面贴图中的效果。