【Flexbox】HTML/CSS最強レイアウト！フレックスボックスの基礎講座。Flex入門コーディング

[@amanomurakumo297]

超わかりやすい！ 3日悩んだのが、数分で解決した!

[@hirocode]

コメントありがとうございます🎵お役に立てて良かったです😆‼️

[@ncatina6114]

わっかりやす〜🥺何件サイトをはしごしても解決できなかったのに、初っ端一発で原因特定が出来ました、、、ありがとうございます これから信者になります🥺🥺🥺

[@hirocode]

嬉しいコメントありがとうございます😭❗️❗️

[@広瀬勇樹-z1s]

他の人と同じコメントになりますが、とても分かりやすかったです。 今日仕事で悩んでしまった箇所も解決できそうです。 今後も視聴します！

[@hirocode]

そう言っていただけてめちゃめちゃ嬉しいです😭❕ ありがとうございます🙇‍♂️

[@28web44]

フロート地獄から抜けたくてこのような動画を探してました！

[@hirocode]

コメントありがとうございます🙇‍♂️ フロート地獄って表現めっちゃ共感できます😅 以前はフロートで組む必要があったものが、FlexBoxが出てきてくれたおかげで、ここ数年フロートは全く使用せずに済んでいます☺️♪ 参考にしていただけたみたいで嬉しいです😆❗️

[@kiyorinm.2225]

固定幅と可変幅の組み合わせのところと並び順を変えるところ！ これが知りたかった！ものすごくシンプルでわかりやすかったです。 ありがとうございました。

[@hirocode]

ありがとうございます😊♪

[@アイコニー]

ありがとうございます😆 flexboxの動画の中で一番わかりやすいと思います！！！ 今後お時間あれば、最後の方の固定幅とorderの方ももう少し詳しい動画お願いします！！！

[@hirocode]

コメントありがとうございます😆❗️めちゃめちゃ嬉しいです😭ありがとうございます🙇‍♂️ 詳しい動画追って上げたいと思います❗️❗️

[@山内昌子-n9q]

とてもわかりやすかったです！他の動画も見たいと思いました。ありがとうございます。

[@hirocode]

嬉しいコメントいただきありがとうございます😆❗️

[@ブランドンベンジャミン]

3日間モヤモヤしてたのが10分でスッキリできました^_^ これからクソほど再生させて頂きます

[@hirocode]

めちゃめちゃ嬉しいコメントありがとうございます😆❗️❗️

[@noa-mg6fj]

非常にわかりやすくためになりました！

[@hirocode]

ありがとうございます🙇‍♂️❗️

[@ええ-z6i7n]

めっちゃわかりやすかったです！！！

[@hirocode]

そう言っていただけて嬉しいです😆❗️ありがとうございます🙇❗️

[@chan-ym6kj]

まじで役に立ちました。

[@hirocode]

嬉しいですー😭ありがとうございます🙇‍♂️‼️

[@sawanii]

とても参考になりました！

[@hirocode]

ありがとうございます😆🎵

[@曲がって左]

分かりやすい！！！

[@hirocode]

嬉しいコメントありがとうございます🙇‍♂️‼️

[@moeomaru]

いつも勉強になります、ありがとうございます!!🙏

[@hirocode]

そう言っていただけて嬉しいです😭こちらこそありがとうございます🙇‍♂️‼️

[@neo1788]

3:30 align 6:50 均等配置

[@nnaa2516]

めちゃくちゃ分かりやすいです！ 特に例や説明の見やすさが素晴らしい。 display: gridも説明動画作っていただけると嬉しいです。

[@hirocode]

嬉しいコメントありがとうございます😆❗️ display grid は出たての時に試したのですが、IE用にプロパティ名変更するなど結構面倒な指定が多くてそれ依頼敬遠していたのですが、また調べてみて便利な使い方などあったら動画にしてみますね☺️♫

[@ken2470]

flexはややこしいので困っていました。分かりやすい解説をありがとうございます😭😊

[@hirocode]

お役に立てたようで嬉しいです😊♪こちらこそご視聴いただきありがとうございます🙇‍♂️❗️

[@曹操孟徳-t2b]

分かりやすい！はい、登録ー。

[@hirocode]

嬉しいです😭ありがとうございます🙇‍♂️‼️

[@TK-he8hp]

いつも参考にさせて頂いています。 この動画の最後に仰っている「次の動画」というのが見つけられないのですが、続きは作成されていますか？

[@hirocode]

コメントいただきありがとうございます😊❗️ すみませんこの続きの動画については作成できてないです💦 直近上げられるか分からないので、実際のレイアウトについては下記動画などが参考になるかと思いますので、お時間あればみていただければ嬉しいです❗️❗️ ヘッダーの組み方　kzbin.info/www/bejne/bIDafnSqj9OYqZY 模写コーディング　kzbin.info/www/bejne/fWfSiX5oi91nZ5I 引き続きよろしくお願いします🙇‍♂️

[@TK-he8hp]

@@hirocode 返信頂きありがとうございます！参考にさせて頂きます🙇‍♂️ 今後も楽しみにしています🙂

[@pons6146]

コードのファイルを公開して欲しいです！！ 真似したのですが、黒点があったり、boderから中身がはみ出たりします笑 助けてください。

[@hirocode]

コメントありがとうございます‼️ 概要欄にファイル貼ったので使ってみてください😆 ブラウザにデフォルトで指定されているcssをリセットするためのcssresetというcssも読み込む必要があるので、そのせいで崩れてだと思います！説明足りてなくてすみません💦

[@jamestate1145]

flex properties を紹介した動画ってどれですか？？

[@hirocode]

次の動画では〜、、、と言っていますが、その動画上げられてません😵 すみません。。🙇‍♂️

[@jamestate1145]

@@hirocode だいじょうぶですよ！見つからなかったのでしまぶーさんのプロパティを見てしまいました(/ω＼)　でも、ほかのものはヒロコードさんの動画で勉強させていただいてます！ｗ

[@hirocode]

ありがとうございます🙇‍♂️

[@daisuki-gyouza]

良い！文（サイト版）はないのですか？

[@hirocode]

ありがとうございます😆‼️ブログや説明サイトは無いんです😭すみません💦

[@QSL0901QSL]

こんにちは！ 横並びにする時はdisplay:flexのみで、flex:directionは必須ではないでしょうか？ それとも、記載していた方がいいでしょうか？ あと、3つ並びをレスポンシブで1列に変える場合、display:blockを使ってましたが、flex:direction rowとかの方がいいですか？ 初歩的な質問すみませんm(_ _)m

[@hirocode]

コメントいただきありがとうございます😊 flex-direction: row;が初期値で当たるので指定は不要です！また、並び替えについていくつかやり方あります。親要素にflex-direction: column;を指定するか、子要素を横幅100%固定にする形もできます。上記のサンプルファイルアップしておくのでよかったら参考に見てみてください😆❗ www.craft.do/s/HwfhaORm0NM640

[@QSL0901QSL]

@@hirocode 早速お返事頂いてありがとうございます！これからも楽しみに拝見させて頂きます！！

[@別府佳世子]

いつもわかりやすい動画ありがとうございます😊

[@hirocode]

こちらこそ、いつもご視聴いただきありがとうございます😊♪