Two column float on contact page not working, I have literally tried everything pLEASE Help!!!!!!

Question

I wrapped the code with the ticks because thats why ive seen people do on here, if you need my html to figure it out just lmk. This is seriously driving me nuts!!! 
'''
@media screen and (min-width: 480px) {
} 
  /******************
  TWO COLUMN LAYOUT
  ******************/
  #primary {
  width: 50%;
  float: left;
  }
  #secondary {
  width: 40%;
  float: right;
  }
  /*************************
  PAGE: PORTFOLIO
  *************************/
  #gallery li {
  width: 28.3333%
  }
  #gallery li:nth-child(4n) {
  clear: left;
  } 
  /*************************
  PAGE: ABOUT
  *************************/
  .profile-photo {
  float: left;
  margin: 0 5% 80px 0;
  }
  }
  @media screen and (min-width: 660px) {
}
  /*************************
  HEADER
  *************************/
  nav {
  background: none;
  float: right;
  font-size: 1.125em;
  margin-right: 5%;
  text-align: right;
  width: 45%;
  }
  #logo {
  float: left;
  margin-left: 5%;
  text-align: left;
  width: 45%;
  }
h1 {
  font-size: 2.5em;
}
  h2 {
  font-size: 0.825em;
  margin-bottom: 20px; 
}
header {
  border-bottom: 5px solid #599868;
  margin-bottom: 60px; 
}
  }
'''

Jason Anders · Answer

Hi Sydney,
First off, you need to leave a space between your text and the 3 back-ticks. Also right after the 3rd back-tick, type the programming language. e.g. Hit return twice to make a line-space between text - type 3 back-ticks and language ```css - hit enter - paste code - hit enter - put 3 closing back-ticks.
In regards to your question, I believe it is not working because you do not have your css styles nested in your media queries, as you have nothing in between the opening and closing curly braces of each media query. 
I'm not sure where you are in the track, but give that a try.
```css
@media screen and (min-width: 480px) {                  /****************** TWO COLUMN LAYOUT ******************/
  #primary { 
    width: 50%; float: left;
  }
  #secondary {
    width: 40%; float: right; 
  }
/************************* PAGE: PORTFOLIO *************************/
  #gallery li {
    width: 28.3333%
  }
  #gallery li:nth-child(4n) {
  clear: left;
  }
/************************* PAGE: ABOUT *************************/
  .profile-photo {
  float: left; margin: 0 5% 80px 0;
  }
}
```
Do that for both and it should be okay.
Keep Coding! :)

Welcome to the Treehouse Community

Looking to learn something new?

Sydney Sprague-Weinstein

Sydney Sprague-Weinstein

Two column float on contact page not working, I have literally tried everything pLEASE Help!!!!!!

1 Answer

Jason Anders

Jason Anders