Refactor CSS to SCSS: 1st step stuck, no code showing


#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!


#2

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. :tada:


#3

Thanks, I just reset the lesson but still not working, so I reported the bug, hope to get response soon. :slight_smile:


#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;
}

#5

thanks for your help!


#6

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