Please help me with A Error

WHY in the Boundaries and Space 3/11
I have used the same code as solution but system shows that “$Expected is not defined “
Please teach me how to pass this step

https://www.codecademy.com/courses/make-a-website/lessons/boundaries-space/exercises/padding

You have a CSS file. CSS doesn’t know variables like SASS. Somewhere you’ve set a value with a variable ($expect). That’s not possible in CSS. You should find that variable $expect and replace it with a valid value.

I think I haven’t set other values for this step​:pleading_face::pleading_face::tired_face: I just followed the instructions

The screenshot doesn’t show all of your code. Can you post the complete code here?

I can’t see a problem here. Maybe the error is in the index.html. A screenshot of the error message would be enough. The complete code could be posted as formatted code here.

Tundra Gallery

TUNDRA GALLERY

The Tundra Gallery is a collection of photographs from three distinct areas: arctic tundra, alpine tundra, and antarctic tundra. In tundra, the vegetation is composed of dwarf shrubs, sedges and grasses, mosses, and lichens, making for diverse ecology and stunning photos.

<div class="gallery">
  <figure class="gallery-item">
    <img class="thumbnail" src="https://content.codecademy.com/projects/make-a-website/lesson-3/moss1.jpg">
  </figure>
  <figure class="gallery-item">
    <img class="thumbnail" src="https://content.codecademy.com/projects/make-a-website/lesson-3/moss2.jpg">
  </figure>
  <figure class="gallery-item">
    <img class="thumbnail" src="https://content.codecademy.com/projects/make-a-website/lesson-3/moss3.jpg">
  </figure>
  <figure class="gallery-item">
    <img class="thumbnail" src="https://content.codecademy.com/projects/make-a-website/lesson-3/moss4.jpg">
  </figure>
  <figure class="gallery-item">
    <img class="thumbnail" src="https://content.codecademy.com/projects/make-a-website/lesson-3/moss5.jpg">
  </figure>
  <figure class="gallery-item">
    <img class="thumbnail" src="https://content.codecademy.com/projects/make-a-website/lesson-3/moss6.jpg">
  </figure>
</div>

  <nav>
  <ul>
    <li><a href="#"><b>Arctic</b></a></li>
    <li><a href="#">Alpine</a></li>
    <li><a href="#">Antarctic</a></li>
  </ul>
  <div class="contact-btn"><a>Contact</a>
  </div>
</nav>

In the code you provided here, I don’t see a cause for the error you were given.

So there are no any mistakes in index and css why I can’t pass it

I don’t know, but you still haven’t posted your css source code here. So we can’t see if there is an error in the CSS, because the screenshot doesn’t show all of it.

html, body {
min-height: 100%;
display: flex;
flex-direction: column;
font-weight: 300;
line-height: 1.5;
}

body {
font-family: ‘Lato’, sans-serif;
background-image: url(‘https://content.codecademy.com/projects/make-a-website/lesson-3/background.jpg’);
background-position: center top;
background-size: cover;
margin: 0;
}

.page-title {
text-align: center;
font-weight: 100;
}

.page-description {
border: 1px solid #000;
text-align: center;
padding: 30px;
}

.gallery {
display: flex;
flex-wrap: wrap;
justify-content: center;
}

.gallery-item {
margin: 2px;
border: 5px solid #FFF;
}

.gallery-item .thumbnail {

}

/* FOOTER NAVIGATION */

nav {
background-color: #FFF;
}

nav li {
margin: 0;
padding: 0 10px;
}

nav ul {
display: inline;
}

.contact-btn {

}

.contact-btn a {
margin-right: 30px;
padding: 8px 18px;
border: 1px solid #204156;

}

.contact-btn a:active {
position: relative;
bottom: 2px;
}

nav a {
height: 60px;
line-height: 60px;
color: #204156;
text-decoration: none;
}

I’m so sorry my internet was broken down

The CSS looks fine, no idea why it’s throwing an error at you. Have you tried another browser?

Yes, they are same situation in Safari and Microsoft Edge

It doesn’t seem to be an error caused by your input to me. I guess you have to contact the support.

Where can I contact with support

Here is a link to the help centre.

1 Like