初心者のプログラミングチャレンジ【96~100日目】
初心者のプログラミングチャレンジ【96日目】
Webサイト模写 その2
tabletからpcに移行していきます。
- footerから
- footlinks表示
- footlinkssns表示
- privacy表示
- hr表示と体裁
- 体裁が落ち着かない
- borderとmargin
- 思い切ってflex
- ul修正
- flex子要素修正
- とりあえず……
hrのwidthを90%にしたかったのですが、90%にしてしまうと中央寄せが上手くいきません。とりあえず、100%にして誤魔化し中。とりあえずついでに、明日はpcに進みます。
初心者のプログラミングチャレンジ【97日目】
Webサイト模写 その2
進行速度はさておいて、気持ちは「ガンガンいこうぜ」です。
- tabletとpcがほぼ同じ
- tabletからコピー
- 細部修正が必要
- margin
- widthとpadding
- 無事に表示される
- hrにid付与
- flexとpadding
- 無事に表示される
- 修正
- 無事に表示される
ガンガン書いてみました(笑)。前回のサイト模写はgridから書き始めましたが、先にflexに挑戦するのが正解だったのでしょう(反省)。 まずflexで整列、それから、もっと細かいレイアウトを取りたいときにgridで、という使い分けですね。苦労して勉強した甲斐はありました…よね……?
これも初心者あるあるなので、記録しておきます。
初心者のプログラミングチャレンジ【98日目】
Webサイト模写 その2
ここまで来ると、是が非でも100日目にはクリアしたいです。
- バランスが悪い
- widthとpadding
- 無事に表示される
- さて
- search
- 各種体裁
- もう少し
- footer
- 無事に表示される
残してしまっている課題は「①nav固定」「②video再生、画像を重ねる」「③form体裁」「④画像トリミング」です。もう少し、頑張っていきます。
初心者のプログラミングチャレンジ【99日目】
Webサイト模写 その2
できると信じてやるだけです。
- 画像トリミング、挑戦
- object-fit
- 無事に表示される?
- 良さそう♪
- 細部修正
- 体裁崩れ
- 修正
- tablet修正
- 余白が入らない
- うまくいかない
baseがうまくできたので、tabletもうまくできると思ったのですが、撃沈しました。もう少し頑張ろう。
初心者のプログラミングチャレンジ【100日目】
Webサイト模写 その2
ついに、100日目を迎えてしまいました。課題をクリアできない初心者ですが、積み上げだけは立派になりました(笑うところです)。
- ぐだぐだになった体裁
- girdに変更
- 無事に表示される
- 修正
- 続、修正
- 続々、修正
- pc.css
- 修正
- もう少し
100日で終わりませんでした。明日も頑張ります。