【スマホ表示】トップページをカード型にしてみた

f:id:Kawan0116:20210521220946p:plain

かわんです。

このブログは、はてなブログでデザインテーマをほぼ自作している!

僕、CSSを書きまくりである。

当ブログのトップページをPCで表示させるとカード型になっているのが分かると思う。

実装は割と簡単。CSSを知っているなら誰でもできる。

ここでCSSの紹介をしたいのだけど、やめておく(笑)。

まぁ、CSSが絡まりまくりで紹介しきれないのもあるけどね。

カード型にしたい人は、ネット検索してね。

当ブログは、先ほど書いたように、「はてなブログ」を使っているのだけど、はてなブログ系のCSSは沢山公開されているので、この記事を読むくらいなら、公開されている記事を読んだ方がいいよ(笑)。

で、カード型はPCのみにしようと思っていたのだけど、スマホでもカード型にしてみた。

スクショはこんな感じである。

f:id:Kawan0116:20210523135115p:plain

ね!?カード型になっているよね~。

スマホにカード型はありかなしかって疑問があるけれど、実機で見ると、まぁまぁいい感じ。

しばらくの間、このままで行こう。

僕が知りうる限り、スマホでカード型のモノは見たことがないので、斬新で良いのかもしれない。

そう。。。

これは完全に自己満足である(笑)。

「PCはカード型なのだからスマホでもカード型にしよう!」と思ったのである。

訪問してくれた人の事なんて一切考えていない(笑)。

まぁ、個人的にはカード型はアリかと思うのだけどね。

反応を見つつ、今後どうするか考えたいと思う。