レスポンシブWebデザインの調整2


今回は ナビゲーションメニューをコンパクトにしてみました。
改行が入らないようにしました。
@media (max-width: 599px)に設定を追加して調整しました。
ここでは<nav class="menu">内の<li>内の<a>のpaddingで上下の余白サイズを「10px」に、左右の余白サイズを「3px」に、font-sizeで文字サイズを「11px」に変更しました。
次は サイト名と記事のタイトルをコンパクトにしていきます。