6/5-②ohaのheaderとmv。 font-feature-settings: "palt" on;とwidth: fit-content、 画像がｍｖからはみ出す見た目をposition: relativeとabsoluteでつくる方法学ぶ。 レスポンシブで画像かぶりを縮小時、画像サイズをその画像を囲う要素で割って割合を充てる。width: calc(600px / 1100px * 100%) pic.twitter.com/HtXxf57PMA

🖥️中級day6/7 🔸MVコーディング🔸 今日も書ききれない疑問と向き合っています☕️💨 *⃣確認ワード 🔹description 🔹typography ♾プロパティ 🔹line-height: 100%;/line-height: 1; 違い 🔹width: fit-content 💠code 🔹pタグ⇒インライン/spanタグ⇒ブロック #デイトラ #Web制作

擬似要素なんとなくわかってきた気がする… それとwidth: fit-content;の便利さも見出し作る上ですごく感じた☺️

赤線で囲った部分！ テキスト幅にするために、display: inline-block;にして、改行させてってやってたけど、下記のプロパティを使うと、テキストの幅に応じて幅が決まる！ width: fit-content; 知識量が品質に関係してくる。当たり前だけど。 学んで、お客様に還元。 キャッチアップ大切！ #デイトラ pic.twitter.com/3y2xi0qyf1

“aspect-ratio”や”width: fit-content;”などなど他のプロパティが嫉妬しちゃうくらい有能だなと思っていたら、やはりモダンなプロパティ(もしくは値)だったんだな。 CSS以外も丁寧に纏められていて、非常に参考になります👨‍💻 #web制作 zenn.dev/necscat/articl…

🌼学んだこと🌼 ＊width: fit-content;でブロック要素も文字幅に合わせることができる！ 追加課題すごい大変…量も多いし！でもいろいろ知れるし、時間はかかるけどできるとスーパー楽しい🤗✨ #ZeroPlus

web制作37日目 / 中級 ✅day7終了 width: fit-content;とfont-feature-settings: "palt" on;の使い勝手がめっちゃ良さそう！ちょっと休憩したらアウトプットしまっす🐈 #デイトラ #web制作 pic.twitter.com/YvNoSOMzNq

中級DAY7 OHA！ ✅メインビジュアル ✍️CSSで文字詰めできる font-feature-settings: "palt" on; ✍️コンテンツの幅に合わせてくれる width: fit-content; 便利なプロパティがたくさん学べる！ 今は覚えるより必要な時に調べて、 こんなのあったなぁ〜 でいいと思っています☺️ #デイトラ #Web制作

・メモ 1.width: fit-contentを使用することで、コンテンツ（テキスト）に合わせてボックス要素の横幅を指定でき、背景色を配置することができます。 2.font-feature-settings: 'palt' on;で文字詰め

返信先:@Aomi_Nrt青海さん 昨日はお知恵を借していただきありがとうこざいました😌 青海さんが提案してくれた方法(中にもう1つdiv入れてpadding設定)＋width: fit-content ; でできました🙌 (私じゃないけど😭)

width: fit-content; この子好きかもしれない

5/15 1日目 📗中級編DAY6.7途中 🕰️時間 : 1h 51min(計1h 51min) 🖥️内容 ・header自作 ・mvのスマホ表示の自作 ✏️学び ・textの幅ぴったりにする→width:fit content; ・文字を詰める→font-feature-setting 明日は、mvのpc描いて、動画で答え合わせしよ。 #デイトラ #web制作

#今日の積み上げ #web制作 ✅#デイトラ 中級編day14(tips3)〜15(tips3)…2.5h ✅width:fit-content; ブロック幅をテキストや画像込みの幅にする。 明日本業早いので今日は潔く寝ます😂 今日も1日お疲れ様でした🌙

#デイトラ ～今日の記録～ 👉新中級～DAY7 ・コーディング概要確認 ・ヘッダーからMV 新しいプロパティが多い！ ✅width:fit-content（コンテンツ幅に調整） ✅font-feature-setting:“palt“on（CSSで文字詰め） 1年経ったのでサポート期間終わったけど、、いろいろ準備は整ってきてる、進むのみ👊

Web制作コース中級編Day7終了 MV ・max-width:calc(100%-余白分px) →画面幅に応じて余白そのままで動ける ・bgとbgc→bgはsize,imgとか他のﾌﾟﾛﾊﾟﾃｨも設定可能 ・width:fit-content→txt幅等に合わせ背景色等自動で変化する calc使いこなせるとレスポンシブが楽になりそう

width:fit-content; ブロック要素のまま、 そのコンテンツに合わせたサイズになる。 #デイトラ #Web制作