css レスポンシブ対応するときに、配置を変えたい

Question

下記画像のように、PCサイズにしたときに、配置を変えたいです。SPファーストです。

　　<section class="about">
<div class="about__inner inner">
<div class="about__title-wrap">
<h3 class="title>about</h3>
<p class="sub-title">わたしたちについて</p>
</div>
<div class="about__img">
<img src="/images/about.jpg" alt="">
</div>
<div class="about__content">
<p class="about__text">あああああああああああああああああああああああああ</p>
<div class="about__btn">
<a href="#" class="btn">view more<span class="dli-arrow-right"></span></a>
</div>
</div>
</div>
</section>

PCサイズにしたときの、cssがわかりません。display:flex をどこにつければいいのでしょうか？

Answer 1

display:flex をどこにつければいいのでしょうか？

グリッドレイアウトの方がいいと思います。
5分で完璧に分かる！CSS Gridの基本的な使い方を解説 | コリス

Comments

[Ralisa]

できました。ありがとうございます！！！！！