SCSS

ホームページ制作にあたり、自分自身が躓いたポイントをメモとして残しています。width:250px；など固定値を使うタイミングアイコンロゴ装飾余白タップ領域 アイコンBefore要素やAfter要素などで追加するアイコンなどは固定幅で設定し...

ホームページ制作にあたり、自分自身が躓いたポイントをメモとして残しています。問題ボタンサイズなどを固定サイズでなく、可変サイズで作りたい。対策width:100%;max-width:250px;250pxよりも大きくしない。

ホームページ制作にあたり、自分自身が躓いたポイントをメモとして残しています。現象疑似要素::before、::Afterを設定しているが表示されない。対策content:"";を確認する。ボーダーなどを入れる場合にはdisplay:inli...

ホームページ制作にあたり、自分自身が躓いたポイントをメモとして残しています。現象疑似要素/疑似クラスを前に記述するコロンの数が1個の時と2個の時とあって、わかりづらい。対策::beforeや::afterは「:」が2個HTMLにはないものを...

ホームページ制作にあたり、自分自身が躓いたポイントをメモとして残しています。やりたい事下のコードの奇数番目の配置を反対にしたい。 <ul> <li> <article> <div> <img/> </div> <div> <h3></h3>...

ホームページ制作にあたり、自分自身が躓いたポイントをメモとして残しています。現象.top-kv-title { display: flex; flex-direction: column; align-items: center; gap:...

ホームページ制作にあたり、自分自身が躓いたポイントをメモとして残しています。画面いっぱいに画像を表示させる方法 background-image: url(/img/bg-top-kv.png); background-size: cove...

ホームページ制作にあたり、自分自身が躓いたポイントをメモとして残しています。現象<small class="footer-copy">©2026 yukimi.com</small>.footer-copy { margin-to...

ホームページ制作にあたり、自分自身が躓いたポイントをメモとして残しています。現象中央揃えにする方法として、margin: 0 auto;があるがこれが効かない。対象方法インライン要素かどうか確認をする。margin: 0 auto;はブロッ...

ホームページ制作にあたり、自分自身が躓いたポイントをメモとして残しています。現象画像、タイトル、テキスト、ボタンなどの構成のカードで、テキストの行数が片や１行、片や２行とバラバラな時、全体の高さもバラバラになってしまう。ボタンの位置が上につ...