Maps & Lists

#1

Hi everyone! I got stuck at exercise 8 and don't know how to proceed. Please let me know what am I doing wrong

@import url(https://fonts.googleapis.com/css?family=Pacifico);
$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: $standard-border;**
    **bottom: $standard-border;**
  }
  .slogan {
    background-color: $translucent-white;
    border : {
    	**top: $standard-border;**
        **bottom: $standard-border;**
		}
    span {
      font-size: 24px;
      line-height: 200px;
    }
  	position: absolute;
  top: 200px;
  left: 25%;
  width: 50%;
  height: 200px;
  text-align: center;
}
  font-family: 'Pacifico', cursive;
  height: 400px;
  background-image: url("lemonade.jpg");
}

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

It looks like you replaced all the .banner CSS with this,

  border : {
    top: $standard-border;
    bottom: $standard-border;
  }

You should have only replaced the instances of, 4px solid black wtih $standard-border, not the entire selector rule set.

.banner {
  font-family: 'Pacifico', cursive;
  height: 400px;
  background-image: url("lemonade.jpg");
  border : {
    top: $standard-border;       /* here */
    bottom: $standard-border;    /* here */
  }

and,

    .slogan {
        border: $standard-border;  /* here */
    }
}
#3

If you find you are not getting much help with these lessons it is because the only way we can examine early lessons is to reset our own and start from the beginning. I made a royal mess of my work just trying to see where you were. Now I'll have to start it over just to get it right again. This will definitely discourage people from helping in this track.

#4

Hi,

Thank you, however now I'm having trouble with resetting the exerecise to make sure I will modify the code properly this time =)

#5

Now you have me stumped, as well. I can see no option to reset and redo. Will invite a member who may have better insight.

#6

The resetting option has been reported as broken a few times. I just tried it again and it doesn't seem to be any better.

To do a reset I followed this path: "Get Help" > "I want to restart this exercise". Today doing that gives me this error: -- so I am stuck there.

I would recommend using the "Report a Bug" feature in the exercise.

#7

Thank you. I didn't even see that much.

#8

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