私のこのアサブロサイトをスマホサイト対応に悪戦苦闘: ラッパのポン

アサブロ内にあるブログデザインテンプレートは、ほっこりしたデザインが多く良いのですが、結構前に作られたもので、スマホサイトに対応していない。
htmlやcss内で少しはいじれるが、悪戦苦闘していてまだ完成していないが、少しだけ記述して、気持ち対応な形に少しはなったかも。もうちょっと勉強してみますのでサイトの表示がしばらく大ききなったり小さくなったりしますが気にしないでください。
少し勉強してみます。
アサブロデザイン内の携帯サイトはどうもガラケーのものなのでつけていません。
つけてもスマホでは見にくいのでアサブロのQ&Aにもあるように携帯サイトについて(写真参考)には懐かしいガラケーの各社一覧が(笑)。https://asahi-net.jp/asablo/help/faq/#q4-19

続き　少し勉強
説明するのは？？ですが以下の項目を
調べてそれだけ変えるだけでこのアサブロブログもスマホサイトになってきました。諦めずに調べて
自分なりにやってみた。
line-height letter-spacing　viewport
font　GoogleChromeの右クリックで検査

最初の何回か変更しすぎて逆に見えにくくなったのでほどほどに妥協が一番です。
(写真は一部であってるか間違ってるかもわからない、見よう見まね)