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


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

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

1 Like

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;

thanks for your help!


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