Webデザイン 【SCSS/CSS🔰】スマホでは複数行、PCでは1行にしたときに半角スペースが入ってしまうのを直す方法2選
ホームページ制作にあたり、自分自身が躓いたポイントをメモとして残しています。端末によって1行/複数行を切り替える方法spanとdisplay:block;を活用する。【HTML】<p><span>文章１</span><span>文章２</s...
配置
Webデザイン Webデザイン 【SCSS/CSS🔰】見た感じ中央じゃない！見た目で中心にずらす場合の対処方法
ホームページ制作にあたり、自分自身が躓いたポイントをメモとして残しています。見た目のセンター両サイドのpaddingは同じ値で表示されているものは中央であるが、なんとなく真ん中に寄っていない。そんな場合の対処方法は寄せたい方向calc(pa...
Webデザイン 【SCSS/CSS🔰】space-between/space-around/space-evenlyの使い分け
ホームページ制作にあたり、自分自身が躓いたポイントをメモとして残しています。使い分けbetween → 間だけ around → 周り全部 evenly → 全部同じbetween左右端に配置したいという場合などに最適｜○ーーーーーーーー■...
Webデザイン 【SCSS/CSS🔰】スマホは縦並び、PCは横並びかつ、左右端に配置
ホームページ制作にあたり、自分自身が躓いたポイントをメモとして残しています。※コードはSCSSでの記述です。flexをうまく活用する display: flex; flex-direction: column; align-items: c...
Webデザイン 【SCSS/CSS🔰】ボタンの中の文字を中央揃えにする方法
ホームページ制作にあたり、自分自身が躓いたポイントをメモとして残しています。※コードはSCSSでの記述です。display:inline-flex;を使うWidthのサイズが自動で決まっていない場合の方法で以下のコードを使うことで上下中央に...