Skip to content

📐 Layout: Comparison(比較) #51

Description

@ryota-murakami

比較レイアウト

カテゴリ: データ表示
難易度: 応用

概要

並べた機能比較レイアウト。料金プランやスペック比較に使われる。

学習ポイント

  • テーブル vs Grid での比較表現
  • 固定列ヘッダー + スクロール
  • ハイライト列(おすすめプラン)の強調
  • レスポンシブ時の横スクロール対応

参考

  • mui-storybook: LayoutComplete/layouts/ComparisonLayout

ゴール

/layouts/comparison ページを作成し、TailwindCSSのみで実装する

Metadata

Metadata

Assignees

No one assigned

    Labels

    layoutCSSレイアウトパターン学習応用応用パターン

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions