【CSS】大元CSSからの脱出。

こんにちは！

HTMLコーディングをしており、大元のCSSを全てのページで読み込んでいて、ページが増えると不便な状況になりました。

例えば、元々「display:grid」を使っていたのですが、これを「display:flex」に変更。

ま、別でCSSを作って上書きしても良いですが、ちょっと気持ちが悪いなと。

なので、大元のCSSから脱出し、新たな大元CSSを書きました。いやぁ～。かなり簡単でした・・・ではないです(笑)。

ハンバーガーメニューで多大な時間を使いました。ハンバーガーメニューはCSSとjQueryで作っていて、jQueryは全くいじってないので、CSSで対応。

しかし、全く上手くいかない(笑)。

「もう、あかんやん・・・」って思って、何度も挫折しました。しかし、心のどこかで「くっそ、解決したい」と思って時間を決めました。

「1時間対応して上手くいかないならやめよう」と・・・。結局、1時間以上かかりましたが(笑)。

ま、上手く行って良かったです。

次は、適当にデザインカンプを作っていく感じです。

それにしても、新しいCSSはSassで書いたのですが、だいぶ慣れましたね。

ネストが便利ですね。

という感じで、お楽しみのwebデザイン。ま、イラストも描いているので、まずはイラストを描きたいと思ってます。