【プログラミング・Web制作勉強ログ#44】4/19の積み上げ成果

※当サイトではアフィリエイト広告を利用している場合があります

今日の積み上げ 130日目 成果

\宣言した内容はこちらです/

本日の学び

・flexbox内の特定の要素幅を指定したい&縮めたくない場合
 ⇒ 【flex-basis: 〇〇px;】;と【flex-shrink: 0;】を書くとGood.
  ※widthより、flex-box内で割り当てられる幅(全体画面幅によって柔軟に切り替えられる)の方が優先されるため、flex-boxをベースにしたプロパティを指定する必要あり。

左図の【p.topic】部分の幅を設定(全体画面を縮めても指定した幅が縮まらない)。


・テキストの寄せ方を調整する際、line-heightも検討する
 ⇒ vertical-alignプロパティや、position: absolute;プロパティ等色々あるが、テキスト単体で縦の位置を調整する場合は、line-heightプロパティで対応可能。
 ※vertical-alignを使うのは、フォントサイズの違うテキストが並んでいる場合やアイコンとテキストが並んでいる場合。

・モニター決めました
 ⇒ 電源供給ができる機能がある「U2723QX」に決まりです!

U2723QXと、S2722QCとの比較画像

本日の反省

・出費が痛くなります。
 ⇒ パソコン&モニターの投資で50万しますが、大事な自己投資なので、ぽちります!!

今日も諦めなかった自分、お疲れ様でした!

Twitterでも勉強ログを呟いています。よかったら覗いてみてください♪

この記事が気に入ったら
いいね または フォローしてね!

If you like it, share it!
  • URLをコピーしました!
  • URLをコピーしました!

コメント

コメントする

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

目次