HTML CSSでレイアウトの組み方

【教えてもらいたいこと】
プログラミング/フロントエンド HTML/CSS

【利用目的】
技術的な質問・相談

【具体的な相談内容】
HTML CSSでレイアウトの組み方を流れから実践まで集中して教えてくれる方募集しています

WordPressでオリジナルテーマを作成していくにあたって
HTMLとCSSでまず作っているのですが、flexboxなどのレイアウトの指定部分がいまいち理解できずに、ただ時間だけが過ぎていくので、わかりやすく教えてくださる方お願いします。
ある程度は色々見たりしているのですが、実際に組んでいくと崩れたりわからないところが多いため、ざっとした流れ、気を付けるポイント、などから教えてくださる方を募集。
現在作っている物があるので、それも見ていただければ助かります。

リンクだけ教えてくれてここ見ればわかるみたいな無責任な方は申し訳ないのですがご遠慮ください。

【希望相談スタイル】
ロードマップ・学習法相談

【目安予算】
10000円