Webデザイン 【SCSS/CSS🔰】margin: 0 auto;が効かない！
ホームページ制作にあたり、自分自身が躓いたポイントをメモとして残しています。現象中央揃えにする方法として、margin: 0 auto;があるがこれが効かない。対象方法インライン要素かどうか確認をする。margin: 0 auto;はブロッ...
Ukimi
Webデザイン Webデザイン 【SCSS/CSS🔰】カード内テキストの行数がバラバラになる！高さを統一させる方法
ホームページ制作にあたり、自分自身が躓いたポイントをメモとして残しています。現象画像、タイトル、テキスト、ボタンなどの構成のカードで、テキストの行数が片や１行、片や２行とバラバラな時、全体の高さもバラバラになってしまう。ボタンの位置が上につ...
Webデザイン 【SCSS/CSS🔰】ボタンのサイズを固定で取っていたのに急に縮む現象（inlineのサイズになる）
ホームページ制作にあたり、自分自身が躓いたポイントをメモとして残しています。現象共通用のボタンを作っており、そこではサイズを指定している。ボタン単体ではサイズを維持するが、画像、テキスト、ボタンなどに組み込む際ボタンの幅が縮む。原因親のクラ...
Webデザイン 【SCSS/CSS🔰】複数カラムで画像サイズが微妙にあってない場合の対応
ホームページ制作にあたり、自分自身が躓いたポイントをメモとして残しています。親要素で固定サイズにし、子要素をobject:fitで合わせるdiv-img{aspect-ratio: 4/3; overflow: hidden; img { ...
Webデザイン 【SCSS/CSS🔰】grid-column: 1 / -1;とは
ホームページ制作にあたり、自分自身が躓いたポイントをメモとして残しています。grid-column: 1 / -1;左端から右端まで全部使う！例↓grid-column: 1 / 2;| □ | | |grid-column: 1 / ...
Webデザイン 【SCSS/CSS🔰】widthとheightの値の考え方と position:absoluteの注意点
ホームページ制作にあたり、自分自身が躓いたポイントをメモとして残しています。widthは親の幅を、heightは子の高さを参照しているwidth:100%。heightの記載なし。このようなケースがあるがwidthは親要素の幅を参照している...
Webデザイン 【HTML🔰】divタグとimgタグどっちでサイズの指定をするのか？
ホームページ制作にあたり、自分自身が躓いたポイントをメモとして残しています。imgタグをdivタグで囲う場合参考例：【HTML】<div class="card-image"> <img src="img.jpg" alt=""></div...
Webデザイン 【HTML🔰】sectionタグはどういう時に使う？
ホームページ制作にあたり、自分自身が躓いたポイントをメモとして残しています。sectionタグを使うシチュエーションh2やh3のあるところ（テーマ・章のまとまり）参考例：<section class="service"> <h2>サービス紹...
Webデザイン 【HTML🔰】navタグはどういう時に使う？
ホームページ制作にあたり、自分自身が躓いたポイントをメモとして残しています。navタグを使うシチュエーションTOPやフッターなどの各ページへのリンクパンクリストページネーション目次サイドバーのカテゴリー一覧nav = 「ユーザーをどこかへ案...
Webデザイン 【HTML🔰】smallタグはどういう時に使う？
ホームページ制作にあたり、自分自身が躓いたポイントをメモとして残しています。smallタグを使うシチュエーションコピーライト補足情報（著作権表記、法的表記、免責事項、注釈など）