Error: Illegal nesting?


Can someone help with this error ?
<Below this line, add a link to the EXACT exercise that you are stuck at.>

<In what way does your code behave incorrectly? Include ALL error messages.>

$ sass main.scss main.css
Error: Illegal nesting: Only properties may be nested beneath properties.
on line 21 of main.scss
Use --trace for backtrace.

sass main.scss main.css 

Can you c&p line 21 of main.scss

Your main.scss should look like this:

 @import url(;
//Add variables here:
$translucent-white: rgba(255,255,255,0.3);
$icon-square-length: 300px;
$standard-border: 4px solid black;

h1 {

  font-family: Roboto, sans-serif;
  text-align: center;

.banner {
  	border : {
    top: 4px solid black;
    bottom: 4px solid black;
  font-family: 'Pacifico', cursive;
  height: 400px;
  background-image: url("lemonade.jpg");
  .slogan {
    background-color: $translucent-white;
  position: absolute;
  border: 4px solid black;
  top: 200px;
  left: 25%;
  width: 50%;
  height: 200px;
  text-align: center;
    span {
  font-size: 24px;
  line-height: 200px;

.container {
  text-align: center;
  font-family: 'Pacifico', cursive;
  	.icon {
      width: $icon-square-length;
height: $icon-square-length;
  display: inline-block;
  margin: 2%;
  border: 4px solid black;
  font-size: 32px;

Would recommend c&p’ing this complete code into your main.scss and seeing if running the bash will work

Thanks jimmy my page all the time shows missing codes, I dont understand why ?

yeh me neither… have you tried clicking ‘Get Help’ and restarting the challenge…

If this doesn’t work try pasting my code from above post into main.scss

Let me know how you get on :smiley:

working ,thanks mate :slight_smile:

1 Like

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