Example of Default Functionalities in Blazor Media Query Component
This sample demonstrates the default functionalities of the Blazor Media Query component where it tracks the change in browser size and allows users to create responsive layouts easily.
Resize the browser to see the responsiveness of the below layout using MediaQuery component.
New York City is like no other city in the world, and one that must be experienced to be fully appreciated. For first-time visitors, walking the streets can be like walking through a movie set, with famous sites at every turn, from the Empire State Building, to Rockefeller Plaza, the Chrysler Building, Central Park, The High Line, Times Square, 5th Avenue, Broadway, and of course, the Statue of Liberty.
The Blazor Media Query component is used to make webpages responsive based on media query breakpoints. By default, the predefined media query breakpoints are
Small (max-width: 768px), Medium (min-width: 768px), and Large (min-width: 1024px).