フッターが上に浮く問題を解決！Next.js + Tailwindでの学び
今日は、ブログページの見た目を整える作業を行いました。特に苦戦したのは「フッターが上に浮いてしまう」問題です。記事が短いとフッターが画面の途中に出てしまい、全体のバランスが崩れて見えていました。
原因はページ全体の高さ指定にありました。min-h-screen と flex flex-col を に設定し、
また、フッター自体もデザインを調整して、レスポンシブ対応にしました。これでスマホでもきれいに見えるようになり、デザイン全体の完成度がぐっと上がりました。
小さな修正の積み重ねですが、こうした「見た目の快適さ」はユーザー体験を大きく左右しますね。