基礎 メディアクエリなしでレスポンシブなレイアウトを組むテクニックの一つ。 コンテナの横幅がある一定のブレイクポイントを下回った場合は、<div> コンテナひとつ丸ごと非表示にする。 <div style="width: 100%; display: inline-flex; flex-direction: row;"> </div></div>

ブログのちょっとしたアクセントとして、アイコン + 吹き出しのテンプレートを HTML5 + CSS Grid で作りました。 改行を入れずにコピペして利用します。 はてな記法モード or Markdown モードで利用できます。 フードネコ Ver サンプルです。 <div style="margin:0;padding:0;border:none;display:grid;grid-template-columns:max-content 20px minmax(1rem,max-content);"></div>