Project 28: Cryptocurrency Ticker

CSS Stylist

Step 1 of 4

Project

Welcome to Cryptocurrency Ticker CSS

In this project, we'll style the Cryptocurrency Ticker from scratch. Let's start with CSS Reset and CSS Variables.

🎯 Your Task

Please add the exact code shown in the light gray box below to your editor.Do not delete your previous code, just insert these new lines in the correct place!

/* Base Styles for Cryptocurrency Ticker */
:root {
  --brand-primary: #2563eb;
  --brand-secondary: #7c3aed;
  --surface-100: #ffffff;
  --surface-200: #f8fafc;
  --surface-300: #e2e8f0;
  --text-900: #0f172a;
  --text-600: #475569;
}

body {
  margin: 0;
  font-family: system-ui, -apple-system, sans-serif;
  color: var(--text-900);
  background-color: var(--surface-200);
}

← Previous Next →