Project 1: Portfolio
CSS Stylist
Step 1 of 4
Project
Welcome to Portfolio CSS
In this project, we'll style the Portfolio 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!
/* CSS Reset and Variables */
:root {
--primary-color: #CCFF00;
--secondary-color: #FF0099;
--bg-dark: #1e1e1e;
--bg-light: #f4f4f5;
--text-main: #333;
--text-inverse: #fff;
--font-sans: 'Inter', sans-serif;
--spacing-sm: 8px;
--spacing-md: 16px;
--spacing-lg: 32px;
--spacing-xl: 64px;
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: var(--font-sans);
background-color: var(--bg-light);
color: var(--text-main);
line-height: 1.6;
}
/* Typography Base */
h1, h2, h3 {
font-weight: 900;
text-transform: uppercase;
letter-spacing: -0.05em;
}← Previous
Next →