juleewu
October 13, 2017, 7:45am
#1
Link: https://www.codecademy.com/courses/learn-sass/projects/refactor-scss
Task1: Analyze the index.html and show.html documents. The DOM relationships will help you decide how to nest your selectors. Take a look inside of style.scss, paste in the entire contents of style.css so we can begin refactoring.
Question: Nothing in style.scss, it’s empty 0.0… Can anyone help? Thanks!
While I cannot access this link may I suggest the following:
Reset the lesson - Refactor CSS to SCSS, if both stylesheets appear empty you can forward this issue as a bug to the codecademy support team.
You may send in a bug report inside the exercise part with the link of this post for more clarification.
Cheers.
juleewu
October 15, 2017, 4:03pm
#3
Thanks, I just reset the lesson but still not working, so I reported the bug, hope to get response soon.
1 Like
mtf
October 15, 2017, 4:52pm
#4
I believe this is what should be in the CSS tab, to start with:
html, body {
margin: 0;
font-family: Arial;
color: #ffffff;
}
p, a {
font-size: 0.75rem;
}
img {
padding-left: 30px;
height: 350px;
width: 550px;
}
ul {
list-style: none;
}
.container {
min-height: 100%;
display: flex;
}
.nav {
width: 15%;
min-width: 140px;
color: #FFCFCF;
padding-top: 55px;
padding-right: 30px;
text-align: center;
}
.nav h4 {
-webkit-margin-before: 0;
margin-left: 50px;
}
.main ul {
padding-left: 30px;
}
.main li {
font-size: 0.85rem;
}
.main {
width: 85%;
min-height: 750px;
min-width: 600px;
background-color: #FFCFCF;
}
.main h1 {
font-size: 62px;
-webkit-margin-before: 0;
padding-top: 40px;
padding-left: 30px;
}
.main video {
padding-left: 30px;
}
.main p {
padding-left: 30px;
width: 55%;
min-width: 550px;
}
.main a {
color: inherit;
padding-left: 30px;
text-decoration: none;
}
.main a:hover {
text-decoration: underline;
}
4 Likes
system
closed
October 23, 2017, 7:06am
#6
This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.