Unexpected token $ , dont use ids in selectors

<PLEASE USE THE FOLLOWING TEMPLATE TO HELP YOU CREATE A GREAT POST!>

<Below this line, add a link to the EXACT exercise that you are stuck at.>
https://www.codecademy.com/courses/learn-sass/projects/refactor-scss

<In what way does your code behave incorrectly? Include ALL error messages.>
How to overcome these errors?
unexpected token $

``` $full-white: #ffffff ; $pink: #ffcfcf;

html, body {
margin: 0;
font-family: Arial;
color: $full-white;
}

p, a {
font-size: 0.75rem;
}

img {
padding-left: 30px;
height: 350px;
width: 550px;
}

ul {
list-style: none;
}

.container {
min-height: 100%;
display: flex;
}
.nav {
width: 15%;
min-width: 140px;
color: $pink;
padding-top: 55px;
padding-right: 30px;
text-align: center;
}

.nav h4 {
-webkit-margin-before: 0;
margin-left: 50px;
}

.main ul {
padding-left: 30px;
}

.main li {
font-size: 0.85rem;
}

.main {
width: 85%;
min-height: 750px;
min-width: 600px;
background-color: $pink;
}

.main h1 {
font-size: 62px;
-webkit-margin-before: 0;
padding-top: 40px;
padding-left: 30px;
}

.main video {
padding-left: 30px;
}

.main p {
padding-left: 30px;
width: 55%;
min-width: 550px;
}

.main a {
color: inherit;
padding-left: 30px;
text-decoration: none;
}

.main a:hover {
text-decoration: underline;
}

<do not remove the three backticks above>
1 Like

I’m in the same boat, these red circles are really throwing me off, I’m not sure if I’m doing something wrong or…?
It’s the same when you start nesting them too, red circles all over the place.

2 Likes

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.