Your media query hates how you’ve parsed it. You don’t need to use the commas. Take them out and the media query passes.
Also, for your navbar, you have for some reason defined the top position at 1em - which is obviously not the top of the screen. Also bear in mind that an EM is a relative length and doesn’t make a ton of sense in this instance (in my opinion).
The rest of the errors are related to spelling mistakes in your code. Something you’ll need to be ultra aware of going forward.
Actually, if he goes into ‘settings’ and sets the CSS preprocessor to SCSS, he’ll pass the media query test. However, he probably should be doing things the pure CSS way at this point if he isn’t aware of setting the preprocessor.
Fair point but I’m of the opinion that anything that isn’t “taught” by FCC up the the point of the assessments is off-limits in terms of recommendations/fixes. It just feels like opening a massive can of worms to me.
This set of issues is probably a good example. Our friend is struggling to fix the basics in the code without us adding an extra level of sophistication/depth to the problem.
Thank you.
I mistakenly thought I had to separate the items in the media query with commas.
I forgot to delete the top position in the nav-bar; I was trying to figure out another issue the page had and spaced it out.
I am still trying to figure out which units to use so that the work I do is flexible for all the varying display platforms, a tutorial I watched the guy said to use em, rem and percentages for everything.
Thank you once again I will fix the things you mentioned.
Thank you @willjw3, @Ascii & @Johnny2136
I real appreciate the assistance.
This can get daunting with all the little things that make big problems (hyphen vs underscore, a comma vs a semi-colon or colon, do you put a space after a colon or not, etc…).
It would also be nice to know how all of the different size declarations relate to each other and when/where to use which one. I guess I’ll figure that out as I go (oh the wasted hours to come).