Menu
If I do @media(min-width: 375px) in the chrome inspector it drops my code as soon as I try to enter the body to define more of the rule.
Is it possible to add @media rules through the inspector?
503
Activate Media Query Tool To enable it: go into responsive design mode. click the three dots menu in the top right of the screen. click "show media queries"
One of the easiest ways to inspect a specific web element in Chrome is to simply right-click on that particular element and select the Inspect option. Clicking on the Inspect option from the right-click menu will directly open the Developer tools including the editor, Console, Sources, and other tools.
# New Payload tab in the Network panel Use the new Payload tab in the Network panel when you inspect a network request with payload. Previously, the payload information is available under the Headers tab.
It looks as though the Styles editor panel doesn't support adding @media rules. However, you can get around this by clicking on the inspector-stylesheet link to open it in the Sources panel. It is then possible to enter your @media query and the changes will be reflected immediately.
You can consequently see it in the Styles panel afterwards and modify the rule and CSS properties inline. It is just the initial creation that it doesn't support.
147
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
