How can I use media queries in Angular CLI?

How can I use media queries in Angular CLI?

You can use media queries in Angular CLI by adding them to your component styles or global stylesheets.

Can you show me an example of how to implement it?

Sure! In your component's CSS file, you can write:

@media (max-width: 600px) {
  .my-class {
    background-color: blue;
  }
}

What if I want to use SCSS instead of CSS?

You can use SCSS in Angular CLI by renaming your stylesheets to .scss and using the same media query syntax.

Is there a way to manage media queries more efficiently?

Yes, you can use mixins in SCSS to create reusable media query styles, making your code cleaner and more maintainable.