![見出し画像](https://assets.st-note.com/production/uploads/images/42995633/rectangle_large_type_2_462c2cdc1c716c88261c9c788a7922af.png?width=1200)
Second post/widthとbackground
max-widthとは
→指定する数値よりも上回って幅を大きくすることを禁じる という指示
min-widthとは
→指定する数値よりも下回って幅を小さくすることを禁じる という指示
画像の中央寄せ
backgroundについて
background-position:横 縦 ;
background-position:center top;
→縦が頂点にくるように、横は中央に
background-size: contain ;
→縦と横の比率は保持したまま、画像全体が表示されるようになる!
ただし元のサイズ通りにしか表示されない
background-size: cover ;
→画像が大きかった場合、見切れる可能性あり。
おまけ
今日見た映画↓
映画『マダム イン ニューヨーク』
インド人主婦が一人でニューヨークに行き、語学学校で苦手な英語を克服する内容。
印象に残った言葉は「人は自分のことが嫌いになると、イヤになって新しさを求める。でも自分を愛することを知れば、今までの生活も新鮮に見えてくる。自分を助ける最良の人は自分。そして相手を信じること。」
どんな逆境にも負けない不屈の精神でこのコロナ禍を乗り越えたい。
この記事が気に入ったらサポートをしてみませんか?