6ステップでマスターする 「最新標準」HTML+CSSデザインを使って、サイトをリニューアルしてみました

この前の記事にも書いていたのですが、「6ステップでマスターする 「最新標準」HTML+CSSデザイン」を基にしてこのサイトに反映させようということで、何とかやっと形になったので変えてみました。

flexを使ったレイアウトを学ぶならこの本!6ステップでマスターする 「最新標準」HTML+CSSデザイン

本のサンプルサイトのデザインのままだとちょっと寂しいかなぁと思って、いろいろと装飾を付け足していったのでごちゃごちゃしてしまった感もありますが、とりあえずはこれをベースにしていこうかと思います。
ブログサイトなので若干レイアウトを変更している部分もあるのですが、基本はサンプルと同じような形となっています。
クラス名なども変えるのが面倒くさくて、本に書いてあるままの状態です…
修正しやすくするように変えなきゃなとは思っているんですけどね。

これからも思いつく度にいじっていくかもしれませんが、いずれはもうちょっと削っていってシンプルな形にしたいと考えています。
もし、表示などに不具合などがありましたら、こちらに報告していただけるとありがたいです。
主にFlexboxを使ってレイアウトしているのですが、時々レイアウトが崩れてしまっているときがあるので…
これからは一旦サイトのデザインには目を伏せておいて、ブログを書くことに集中しようかと思います。(できるかな…?)