Upcoming Challenges MDN Reference Guide FAQ

Navigation

Challenges
Leaderboard

Patterns

  • Layouts
    13
  • Product List
  • Navigations
  • Cards
  • Animations
  • Form Controls
  • Miscellaneous

Filters

  • Easy
  • Medium
  • Advanced
  • Free
  • Premium

Challenges

layouts
Login with github
Absolute Center Alignment
Absolute Center Alignment

Absolute Center Alignment

Center <div>

Sidebar
Sidebar

Sidebar

Layout Patterns

Holy Grail Layout
Holy Grail Layout

Holy Grail Layout

Layout Patterns

Scrollable Horizontal 3 Columns
Scrollable Horizontal 3 Columns

Scrollable Horizontal 3 Columns

Layout Patterns

Flexbox Center Alignment
Flexbox Center Alignment

Flexbox Center Alignment

Center <div>

Vertical 3 Columns
Vertical 3 Columns

Vertical 3 Columns

Layout Patterns

Stacked Layout
Stacked Layout

Stacked Layout

Layout Patterns

Pancake Stack
Pancake Stack

Pancake Stack

Layout Patterns

Grid Center Alignment
Grid Center Alignment

Grid Center Alignment

Center <div>

Horizontal 2 Columns
Horizontal 2 Columns

Horizontal 2 Columns

Layout Patterns

Footer Call-to-Action Buttons
Footer Call-to-Action Buttons

Footer Call-to-Action Buttons

Footer

Fat Footer with Call-to-Actions
Fat Footer with Call-to-Actions

Fat Footer with Call-to-Actions

Footer

Web Agency Hero Section
Web Agency Hero Section

Web Agency Hero Section

Hero