“スマホレイアウトを先に考える。スマホだとHTMLのタグの記載順番の通りに並ぶと考える。PCレイアウトのときだけflexで横並びにさせて、スマホレイアウトの場合はflexを無効にする”

yarumato のブックマーク 2023/10/26 17:47

<blockquote class="hatena-bookmark-comment"><a class="comment-info" href="https://b.hatena.ne.jp/entry/4738233518577055461/comment/yarumato" data-user-id="yarumato" data-entry-url="https://b.hatena.ne.jp/entry/s/qiita.com/senju797/items/ad85794ec927f6ebd7bc" data-original-href="https://qiita.com/senju797/items/ad85794ec927f6ebd7bc" data-entry-favicon="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fqiita.com%2Fsenju797%2Fitems%2Fad85794ec927f6ebd7bc" data-user-icon="/users/yarumato/profile.png">TailwindCSSのレスポンシブデザイン - Qiita</a><br><p style="clear: left">“スマホレイアウトを先に考える。スマホだとHTMLのタグの記載順番の通りに並ぶと考える。PCレイアウトのときだけflexで横並びにさせて、スマホレイアウトの場合はflexを無効にする”</p><a class="datetime" href="https://b.hatena.ne.jp/yarumato/20231026#bookmark-4738233518577055461"><span class="datetime-body">2023/10/26 17:47</span></a></blockquote><script src="https://b.st-hatena.com/js/comment-widget.js" charset="utf-8" async></script>

このブックマークにはスターがありません。
最初のスターをつけてみよう！

TailwindCSSのレスポンシブデザイン - Qiita

qiita.com/senju7972023/06/21

背景と実施したこと Tailwind CSSを使用してPCレイアウトのWebサイトのレスポンシブ対応を実装しました。今回は静的コンテンツの配置を横並びから縦並びに変えるという内容のみ実施しています。 CSSは少し苦手意...

42 人がブックマーク・1 件のコメント

他のコメントを読む

＼コメントがサクサク読めるアプリです／

はてなブックマーク

TailwindCSSのレスポンシブデザイン - Qiita

はてなブックマーク

公式Twitter

はてなのサービス