Error: Illegal nesting?


Can someone help with this error ?

$ 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:


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