Use cases for BreakpointsObserver include: loading different components or modules based on screen size, changing the behavior of a component based on screen size, and triggering animations or other effects based on screen size. In summary, while both @media queries and BreakpointsObserver are used to define behavior based on the size of the viewport, @media queries are primarily used for styling and layout, while BreakpointsObserver is used for triggering behavior changes in your Angular application.
lol try reloading the form on landscape mode after changing the width to 95VW That means that you still have to write media queries for each screen Kinda annoying
In his case, he just wrote max-width of 35rems, so in the landscape form it won't be 95vw all along screenwidth. It'll be 35rem, in case of 95vw achieving 35rem, not bigger
![Angular CDK - Portal Module [Advanced, 2021]](http://i.ytimg.com/vi/wPjVWeXSdqU/mqdefault.jpg)
![Angular CDK - Portal Module [Advanced, 2021]](/img/tr.png)
![Angular Design Patterns - Bridge [Advanced, 2020]](http://i.ytimg.com/vi/2rQOu9TmuxE/mqdefault.jpg)
The way he silently wrote Pain instead of explorer was hilarious! 😂😂
Finally someone has noticed 😅thank you!
Thank you! Keep it up the good work
Thank you, Kevin 🙂
how do you redefine or create your own breakpoints?
Video request: Angular CDK ListKeyManager, FocusTrap and FocusMonitor. Really lacking good vids on this currently, I think. :)
Noted! Thank you :)
Thank you
Thank you for your feedback ;)
Is this BreakpointsObserver equivalent to @media query? How would you compare them, can you provide some use cases?
yes I have used it , it works perfectly
Use cases for BreakpointsObserver include: loading different components or modules based on screen size, changing the behavior of a component based on screen size, and triggering animations or other effects based on screen size.
In summary, while both @media queries and BreakpointsObserver are used to define behavior based on the size of the viewport, @media queries are primarily used for styling and layout, while BreakpointsObserver is used for triggering behavior changes in your Angular application.
Thank you very much.
Welcome! 😊 Thank you for your feedback
@@DecodedFrontend You're welcome. your channel is awesome, keep going.
thanksss, help me a lot :)
Hi! Happy to know :) thanks
usefull material
Glad you think so!
i need this tutorial for angulardart..
Hi! Sorry but I am not planning anything regarding Dart in nearest future..
lol try reloading the form on landscape mode after changing the width to 95VW
That means that you still have to write media queries for each screen
Kinda annoying
Hi Kelvin! Width of which element do you mean? Body or some certain div?
In his case, he just wrote max-width of 35rems, so in the landscape form it won't be 95vw all along screenwidth. It'll be 35rem, in case of 95vw achieving 35rem, not bigger