よくわからんけどできた

朝はグラノラとほうじ茶、昼はインスタントの味噌ラーメン、夜はうどんとさつまいもの天ぷらとレタスサラダだった！美味かった！

昨日の夜、大百科で設定した背景がまたもやiosで固定されてないことに気づいたので、

今日も今日とてcssの勉強を軽くしながらその作業してた。

本当は幅を100%じゃなくてautoにして全体が表示されつつ固定されるのが理想だったんだけど、autoだと固定できなくて、

他の方法試しても無理だったので幅の値をいじるのは諦めた。

設定してる背景画像はループしてる画像(パターン)でできてるので、

理想である左揃えではなく、ループしてる境界部分がある中央になってたので、

background-positionがcenterになってたのをleftにしたら左揃えで表示できた！

左揃えで表示できたけど、できれば画像全体を表示したい…

で、

background-sizeがcoverになってたのcontainにしたら、幅の値をいじらなくても全体が表示されるように！

Androidだけでなくiosでも画像全体が表示されつつ固定されているのを確認！

これにて本日の任務は完了！(￣^￣ゞ

今日はうち的には2回目のフリマ！

この前に編み出した裏技？を使ってマイナーなアイテムを出品してみた。

そしたら何個か売れて4000ドナくらいになった。

いいぞ〜その調子だ〜！⸜( ᐛ )⸝

午後は暇だったから見出しのデザインの書き方とかをCodepenってサービスで練習してた。

とりあえず練習でそれっぽくしたのが👇

自分でやったのは見出し1と3。2はコピペ。

最初、あおまるBLOGで使ってるステッチ風ってどうやるんだろって調べながら模索してたら、

backgroundと同じ色でぼかさないハッキリした影をbackgroundの周りに付けたらステッチ風になった。

こういう可愛いデザインってこうやるんだな…( '-' )ﾘｶｲ

その後も暇だったから、いつもあおまる大百科の解説ページで使ってるアコーディオンを、

下に破線が表示されるようにカスタマイズしてみた。

前より見やすくなった気がしないでもない。

夕飯前はグラデーションにも挑戦してた。

普通に下側に表示されればいいだけなのに何故か見出し2は上に表示されちゃって、

どうにかこうにか下に行ってくれないか苦戦してた。

夕飯後、やっと理想通りに下側に来てくれて大変だった。_(:3」∠)_