[How to get chrome to resize to phone size and display media queries?]

Chrome will no longer resize to below 500px wide, which is fairly useless for Web developers? I know we can use the developer tools and resize, the only way I have found to do it is to use the  "Toggle device toolbar" and then resize the responsive window, but in the lesson Chapter 9 lesson 3 (CSS Foundations) for example the media query style does not work with this method so the nav does not clear both and display full width.

[CSS Foundation course question]

17 hours ago, administrator said:

Yes. It is all there. 

i got to it now thanks

[CSS Foundation course question]

8 hours ago, StephenMBassett said:

I took the CSS course about 5 weeks ago, and I replicated all of the code while watching the videos, just like you're doing.  Just keep doing what you are doing and it will all work out.  I don't recall that there was any code which wasn't coded out in the videos.

-Stephen

Thanks

[CSS Foundation course question]

I am now in chapter 4 Lesson three of the CSS foundations course. It keeps referring to the external css sheet in all the lessons and I understand how this works but I have chosen not to use the downloaded files because I prefer to hand code it all myself to aid with memory. So all of my CSS is currently in the style tag on the page which is fine although my navigation is still at the bottom.

Is there a lesson ahead that actually puts the code into the external stylesheet? If so I will wait until then, I don't recall Stefan actually referring to it.

[Google fonts]

In Chapter 3 Google fonts part 3, Stefan adds the Google link in the head of the page and links to an external stylesheet where the font is specified.

My question is, in real world websites, do you need to add the link to every page, or can it just be loaded once in the external stylesheet for example?

[Disable all styles in Chrome?]

5 hours ago, Jim706 said:

I haven't used the ones Stephen has mentioned but I've found disable-HTML, available from the Chrome store, really easy to use as it is just a simple on-off button choice, and does a few more things on-off too.

Thank you, that is very easy to use, but you should try those suggested by Stephen they are very useful.

By doing this I also learned how to pin an extension to the toolbar, so that's a big help.

[Disable all styles in Chrome?]

8 hours ago, StephenMBassett said:

Yup, Chrome. 

There are two popular Chrome extensions that make it easy to disable CSS styles:

• Web Developer
• Pendule

You can find them in the Chrome Web Store.

Peace,

Stephen

Thank you so much, Web Developer looks great, not tried Pendule yet

[Disable all styles in Chrome?]

In the first video on CSS, Stefan disables all styles in CSS. Which browser is this and can it be done in chrome? I cannot see anyway without editing the code.