今日の積み上げ 160日目 成果
＼宣言した内容はこちらです／
本日の学び
市松レイアウトのテキストエリア修正
昨日の記事に書いていた、会社概要（画像右側）のテキストエリアの余白がうまくできない問題について、解決できました！
修正方法は以下のとおり。
①マップエリア（地図を埋め込む「iframe」の親要素）の幅を、「width: min(100%, 600px);」から、「width: min(55.55vw, 600px);」に変更
②テキストエリア（濃い緑部分）のpadding-left（濃い緑部分の左側にある大きなスペース。地図部分と重ね合わせるために設けている。）を、「padding-left: 180px;」から、「padding-left: min(16.66vw, 180px);」に修正。
⇒ 以前書いた記事で、「paddingの最大値を設定して、縮める機能ないかな～」と思い、max-paddingを設定する仮説を立てましたが、このプロパティがまさにそれにあたりますね！！
注意点は、Sassでmin()を使うときは、「unquote(‘min()’);」と記載する必要があります。
上記の「width: min(55.55vw, 600px);」の場合は、「width: unquote(‘min(55.55vw, 600px)’);」と書きます。
「unquote」についてはこちらを参照
本日の反省
「1日24時間は、すべての人類に平等に与えられている」は真っ赤な嘘！
いつものように、息子の世話に追われながらYouTubeを流し聞きしていたとき、たまたま自動で流れた動画にて、この言葉が耳に入りました。
「なんだって～～！！」と衝撃を受けた私は、その動画をじっくり見てみたのですが。
「24時間平等は嘘」というのは、「時間を買う」ことができる人は、「浮いた時間分、自分の寿命を延ばすことにあたる」からというもの。
なるほどな～と思い、すごく衝撃を受けました。（しかし、動画のコメント欄を見ると、すごく荒れていて、なかなか受け入れがたい人も多いのでしょう）
「外注をせよ（発注側になれ）」「通勤時間は無駄」という考え方が今までよくわからなかったのですが、この動画を見てようやく納得した気がします。
「時は金なり」。このことわざがあるのも、そういういことなのかもしれない。それをちゃんと理解して、行動できる人って、どれくらいいるのだろう。
私の人生も一回きり。絶対に無駄にしたくない。
今日も諦めなかった自分、お疲れ様でした！
Twitterでも勉強ログを呟いています。よかったら覗いてみてください♪
コメント