CSS RECIPE

• メディアクエリ
• 2カラムのうち、片方のカラムを可変にするレイアウト
• 囲み文字
• 囲み文字(ボーダー)
• 合成フォント
• 文字の左右に水平線
• 文字の左右に水平線(複数行)
• レスポンシブな文字サイズ
• 中央表示
• 左右に寄せるメニュー
• 左メニューが固定でコンテンツはリキッド
• flexboxを使ったカードレイアウト
• gridを使ったカードレイアウト
• ロゴと右寄せメニュー
• 文中の画像をセンター合わせ
• Flexboxによるグリッドレイアウト
• アスペクト比の固定
• 高さ基準のアスペクト比の固定
• 固定フッター
• 画像の比率を保ったまま指定の範囲内に表示
• チェックボックス
• 文字色の継承(currentColor)