Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS

Stuck in the mud! Please help

I had asked a question over 2 weeks ago and to be honest, after not receiving a solution to my problem I was discouraged and have not been on TH in quite some time...at any rate, I asked a question related to why I cannot make my work look like Nick's. Upon asking that question I was told to use snapchat..and that was to no avail, so here I am again asking not the css question, but better how do you use the snapchat feature so I can repost my question

7 Answers

you should probably have the ticks on there own lines and the code between the, also, right after the first three ticks you can add the name of the language so you get the proper highlighting, eg. `CSS

anyway the code isnt that much, I can see what its doing, so what do you expect it to do that it doesnt?

Im not sure what you are asking, are you having problems passing a code challenge? or are you trying to do something outside of treehouse and you cant get it to look like nick's

in any case, you need to post your code and explain what you are trying to do, how are we supposed to help you if we dont know what exactly you need help with?

I think you should read the post again. I asked HOW to use the SNAPCHAT feature to post my code. I have hit the snapchat button (CAMERA ICON) and it just create a file. I cannot copy and paste it..I do not know how to post my code, hence why I asked how to use the snapchat, then I can ask my question.

well i dont know how to use snapchat, but if you want to post your code just paste it in here and surround it with `, three at the begginning, three at the end of your code, on the bottom of this page you can find a markdown cheatsheet that explains it if you dont understand what im saying, so if you do that you get something like this

.order-header {
    display: flex;
    flex-direction: row;
    background-color: #ddd;
    width: 100%;
}

.order-details {
    display: flex;
    flex-direction: column;
    padding: 10px;
}

ok give me a sec ill try to post

```@media screen and (min-width: 480px) { body { background: navy; } }

@media screen and (min-width: 660px) { body { background: darkgreen; } }```

didn't work lol

Tommy Gebru
Tommy Gebru
30,164 Points

Hey Marcus to post code to the forum use this key 3 times ( ` ) in a row....

Make sure it is the line before and after your block of code.... also it is best to follow the first three ( ` ) with the programming language you are using...

example: (```css)

also here are two posts I'd like to share about posting code to the forum one and two

Happy coding ;)

it does not change my background color to navy or darkgreen as I am commanding it to do. In fact, none of my media queries work. I thought, no big deal I'll move on since I passed the code challenge, but the next section was the three columns on the about page, and once again no results so I figured why move forward if I cannot figure out what is wrong. When I resize the window pass 480px the screen should be navy and 660px should be dark green.

@media screen and (min-width: 480px) {
  body {
    background: navy;
  } 
}


@media screen and (min-width: 660px) {
  body {
    background: darkgreen;
  }
}

i think you are using the wrong css property

I think it should be background-color

ok I will try that and see how it goes

that doesn't seem to work either. i suppose i may have to erase my code and start back from scratch, but I really appreciate your help.

wasn't a complete waste though, I learned how to post code lol

no worries,

also keep in mind that css is cascading, which means that code thats further down overrides earlier code

so if you are loading your responsive.css before your normal styles.css that might also be it

i will keep that in mind. thanks again