I haven't been able to edit the media query section of my CSS Style Sheet after making certain changes in it

Hi Ramsey,

The code snippet was not my personal code, but copied from the workspace included with the tutorial step.

I checked your personal code and found an error:

/* ---- Page Elements ---- */

.logo {
  height:20%;
  width:20%;
  display:inline-block;
  margin-left:40%;
}


}

/* ================================= 
  Media Queries
==================================== */

You have an extra closing bracket in your code after the logo declaration, and just before your Media Queries.

Try doing a hard refresh on your web-browser. This will clear out any cached pages - which sometimes override the changes you've made. (Happens to me quite frequently).

In Chrome, on Windows, it's Control - Shift - R.

I had the same problem with my project. After some debugging, I found an error with the default workspace stylesheet included with this step. There is a curly bracket missing in the .logo declaration which is causing the media queries to break (in the section "Page Elements" in the style.css file.

/* ---- Page Elements ---- */

.logo {
    width: 190px;

 .headline {
    margin-bottom: 0;
  }

Just add a closing curly bracket and your media queries should work:

.logo {
    width: 190px;
}