Presentation Styling Skill

CSS classes and HTML patterns used in presentation/index.html.

CSS Component Classes

Layout

• .two-col — 2-column grid layout with 24px gap
• .info-grid — 2-column grid for info cards
• .col-card — Card inside a column (add .good for green border, .bad for red border)
• .info-card — Card in an info grid

Content Blocks

• .trigger-box — Gray box with dark left border (for key concepts, prerequisites)
• .how-to-trigger — Green box with green border (for "Try This" actions)
• .warning-box — Orange box with warning border (for important warnings)
• .code-block — Dark code display block with monospace font