I can't complete this task. Error message is "Did you extend the absolute placeholder inside of main.scss?"
@import url(https://fonts.googleapis.com/css?family=Pacifico); //CSS import
@import "helper/placeholders";
@import "helper/mixins";
@import "helper/variables";
.absolute{
position: absolute
}
h1 {
font-family: Roboto, sans-serif;
}
.banner {
font-family: 'Pacifico', cursive;
height: 400px;
background-image: url($lemonade-banner);
border: {
top: $border;
bottom: $border;
}
.slogan {
background-color: $translucent-white;
border: 4px solid black;
top: 200px;
left: 25%;
line-height: 200px;
@include dimensions
(50%,200px);
@extend .absolute;
span {
width: 40%;
left: 30%;
@extend .absolute;
}
}
}
.container {
font-family: 'Pacifico', cursive;
.icon {
display: inline-block;
margin: 2%;
border: $border;
@include dimensions(300px, 300px);
}
}