とりあえず、完成形としておこう。

f:id:Kawan0116:20210429001026p:plain

3日ほど前から、はてなブログでデザインテーマを作っています。

あらかじめ用意されている「HTML]と「CSS]があって、用意されているCSSを参考にしながら、CSSを書いていくスタイルです。

今回、トップページにかなりこだわりました。

どうしてもカード型にしたかったのです。

それが苦難の連続でした。

「このサイズからはカード型にする」という感じで思っていて、メディアクエリを使っていたのですが、iPadで上手くいかない・・・。

「うぉ・・・」という感じでしたね(笑)。

結局、何をしたのか覚えていませんが、何とか出来ました。

あと、カード型にするなら、縦のサイズを一緒にして均等に並べたかったので、タイトルとリード文の調整を実施。

これで何とかカバー出来るようになりました。

ただ、僕が知らないだけで、どこかで問題が発生しているのかもしれません・・・。

気付いたら修正したいと思っています。

先ほど、チラッとIEで表示確認してみました。

完全にサポート外ですが、ちゃんと表示されていました。

IEなんて関係ない!」って思っていたのですが、結果的に出来て大満足♪

さて、今回で完成としておこう。

サクサクとブログを書いていくぞ!