電話:03-XXXX-XXXX  aaa@aaaaaa.com
鳥海山

最初に作ってみたサンプルページ

div2の部分でdisplay: flex;で下の3つの要素をwidth: 33%;としてみた。
なお、ヘッダー背景色background: linear-gradient(to top, #dd5500 50%, #ff7700);

「あ」ではじまることば

青空と木

青空と木

朝焼けの空

朝焼けの空

秋の景色

秋の景色

ブログ記事

この部分についてはdisplay: flex; を使わずにfloat: left;でやってみた。なお、上の3つの写真は
overflow: hidden;
width: 300px;
height: 300px;
position: relative;
でトリミング。