Discussion on: Day 18 - Digging Deeper into CSS - Responsive Design

[Joëlle]

I saw your guide on Dev editor and I made the changes to embed the code snippets. Thank you.

[Habdul Hazeez]

You are welcome. I am glad the post helped.

I think you should indicate the language in your second code snippet as CSS and the appropriate syntax highlighting will be applied. Right now it's been rendered as plaintext.

When you do the code would be rendered as thus:

@media only screen and (min-width: 480px) {
   body:after {
      content: "480px to 768px";
      background-color: hsla(180,60%,40%,0.7);
   }
}

And you can check the Developer Tools to confirm that instead of "plaintext", "css" is now used.

EDIT: You can achieve this by adding the word CSS after the first set of backticks.

[Joëlle]

Thank you so much, I added the language to the second one.

I am also going through your "FrontEnd Development: Zero to Hero". I like to read about the same topic from different people and It helps so much to either learn new things or understand better.

[Habdul Hazeez]

Thank you so much, I added the language to the second one.

You are welcome.

I like to read about the same topic from different people and It helps so much to either learn new things or understand better.

Same here.