【SCSS/CSS🔰】スマホは縦並び、PCは横並びかつ、左右端に配置

ホームページ制作にあたり、自分自身が躓いたポイントをメモとして残しています。
※コードはSCSSでの記述です。

flexをうまく活用する

　display: flex;
  flex-direction: column;
  align-items: center;

pc（）｛
  flex-direction: row;
  justify-content: space-between;
｝

完全均等に並べたい時にはspace-evenlyを使う。