Technical Documentation Page - Build a Technical Documentation Page

HTML-CSS
1

Tell us what’s happening:

I am getting the same error message over and over again:

“Your Technical Documentation project should use at least one media query.”

But there is a @media query at the top of my stylesheet. I’ve checked the syntax with MDN and W3C - I cannot find any mistake …

All other tests pass. Please help!

Your code so far

<!-- file: index.html -->


/* file: styles.css */

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/126.0.0.0 Safari/537.36

Challenge Information:

Technical Documentation Page - Build a Technical Documentation Page

2

Could you share your code please? If it helps, your media query should be at the bottom of your CSS file, not at the top.

3

Thanks for your reply :smiley:

I’ve put the @media query now at the very bottom, checked it, the parser (?) is still complaining its absence. I thought you could read the code. Never mind, here it is:

Code deleted by author…

4

You shouldn’t have this second link element. Remove it and you’ll pass the final test.

5

@igorgetmeabrain - thank you so much. Passed immediately.

I use that file to safely test styles (hence: test-styles.css) before incorporating them in my styles.css. I’ll be sure to delete the line in future!

Again: thanks a lot :smiley:

1 Like
6

@igorgetmeabrain : maybe it would be a good idea to delete the post? As it contains shall we say “developed information”?

7

I don’t think it needs deleting, but I spoilered your code.

8

@igorgetmeabrain I have edited and deleted the code. It was a valid solution to a “Certification Project”, The problem concerned an extra line that was in no way connected to the challenge, and only prevented the correct code from being accepted as solved.

(1) <link rel="stylesheet" href="styles.css">
(2) <link rel="stylesheet" href="test-styles.css">

The extra line (2) is not required and not wanted; it indicates a test step in my personal workflow. Once the line was removed the code passed successfully :slight_smile:

1 Like
9

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