René's URL Explorer Experiment


Title: MediaObserver · angular/flex-layout Wiki · GitHub

Open Graph Title: MediaObserver

X Title: MediaObserver

Description: Provides HTML UI layout for Angular applications; using Flexbox and a Responsive API - MediaObserver · angular/flex-layout Wiki

Open Graph Description: Provides HTML UI layout for Angular applications; using Flexbox and a Responsive API - angular/flex-layout

X Description: Provides HTML UI layout for Angular applications; using Flexbox and a Responsive API - angular/flex-layout

Opengraph URL: https://github.com/angular/flex-layout/wiki/MediaObserver

X: @github

direct link

Domain: patch-diff.githubusercontent.com

route-pattern/:user_id/:repository/wiki/:id(.:format)
route-controllerwiki
route-actionshow
fetch-noncev2:3e369919-0c4e-b33e-b532-2cbcd7900361
current-catalog-service-hash27690012a2eb28b75d0bacab0f2c11870266e8db9e019fa71fea812b82397bd6
request-idD732:1728DE:45313DE:5B02D00:6992EF98
html-safe-noncea7da51b81ac2f5585189ac6f3cc9dcfad8e0b3eed8adb4ebb237113072f939fa
visitor-payloadeyJyZWZlcnJlciI6IiIsInJlcXVlc3RfaWQiOiJENzMyOjE3MjhERTo0NTMxM0RFOjVCMDJEMDA6Njk5MkVGOTgiLCJ2aXNpdG9yX2lkIjoiMzIxMDU2NDM0NzAzNTMxNjEyMCIsInJlZ2lvbl9lZGdlIjoiaWFkIiwicmVnaW9uX3JlbmRlciI6ImlhZCJ9
visitor-hmac4681facb543675ea8c33454efa8b8d38ffa77d14c8f03a7c66f97bbe188af7bc
hovercard-subject-tagrepository:46386922
github-keyboard-shortcutsrepository,copilot
google-site-verificationApib7-x98H0j5cPqHWwSMm6dNU4GmODRoqxLiDzdx9I
octolytics-urlhttps://collector.github.com/github/collect
analytics-location///wiki/show
fb:app_id1401488693436528
apple-itunes-appapp-id=1477376905, app-argument=https://github.com/angular/flex-layout/wiki/MediaObserver
twitter:imagehttps://opengraph.githubassets.com/6aba82faebaf7feb5fa85f77fa12b11692cbfcedc87e62a0c9614e3189b63675/angular/flex-layout
twitter:cardsummary_large_image
og:imagehttps://opengraph.githubassets.com/6aba82faebaf7feb5fa85f77fa12b11692cbfcedc87e62a0c9614e3189b63675/angular/flex-layout
og:image:altProvides HTML UI layout for Angular applications; using Flexbox and a Responsive API - angular/flex-layout
og:image:width1200
og:image:height600
og:site_nameGitHub
og:typeobject
hostnamegithub.com
expected-hostnamegithub.com
None01ab16879a3159e6f0717ab948b9b562e162a6aafd1f4393b786b07b747df244
turbo-cache-controlno-preview
go-importgithub.com/angular/flex-layout git https://github.com/angular/flex-layout.git
octolytics-dimension-user_id139426
octolytics-dimension-user_loginangular
octolytics-dimension-repository_id46386922
octolytics-dimension-repository_nwoangular/flex-layout
octolytics-dimension-repository_publictrue
octolytics-dimension-repository_is_forkfalse
octolytics-dimension-repository_network_root_id46386922
octolytics-dimension-repository_network_root_nwoangular/flex-layout
turbo-body-classeslogged-out env-production page-responsive
disable-turbofalse
browser-stats-urlhttps://api.github.com/_private/browser/stats
browser-errors-urlhttps://api.github.com/_private/browser/errors
releaseb1570f3928bef80fa5fc7890ce0942e9b696ad9d
ui-targetfull
theme-color#1e2327
color-schemelight dark

Links:

Skip to contenthttps://patch-diff.githubusercontent.com/angular/flex-layout/wiki/MediaObserver#start-of-content
https://patch-diff.githubusercontent.com/
Sign in https://patch-diff.githubusercontent.com/login?return_to=https%3A%2F%2Fgithub.com%2Fangular%2Fflex-layout%2Fwiki%2FMediaObserver
GitHub CopilotWrite better code with AIhttps://github.com/features/copilot
GitHub SparkBuild and deploy intelligent appshttps://github.com/features/spark
GitHub ModelsManage and compare promptshttps://github.com/features/models
MCP RegistryNewIntegrate external toolshttps://github.com/mcp
ActionsAutomate any workflowhttps://github.com/features/actions
CodespacesInstant dev environmentshttps://github.com/features/codespaces
IssuesPlan and track workhttps://github.com/features/issues
Code ReviewManage code changeshttps://github.com/features/code-review
GitHub Advanced SecurityFind and fix vulnerabilitieshttps://github.com/security/advanced-security
Code securitySecure your code as you buildhttps://github.com/security/advanced-security/code-security
Secret protectionStop leaks before they starthttps://github.com/security/advanced-security/secret-protection
Why GitHubhttps://github.com/why-github
Documentationhttps://docs.github.com
Bloghttps://github.blog
Changeloghttps://github.blog/changelog
Marketplacehttps://github.com/marketplace
View all featureshttps://github.com/features
Enterpriseshttps://github.com/enterprise
Small and medium teamshttps://github.com/team
Startupshttps://github.com/enterprise/startups
Nonprofitshttps://github.com/solutions/industry/nonprofits
App Modernizationhttps://github.com/solutions/use-case/app-modernization
DevSecOpshttps://github.com/solutions/use-case/devsecops
DevOpshttps://github.com/solutions/use-case/devops
CI/CDhttps://github.com/solutions/use-case/ci-cd
View all use caseshttps://github.com/solutions/use-case
Healthcarehttps://github.com/solutions/industry/healthcare
Financial serviceshttps://github.com/solutions/industry/financial-services
Manufacturinghttps://github.com/solutions/industry/manufacturing
Governmenthttps://github.com/solutions/industry/government
View all industrieshttps://github.com/solutions/industry
View all solutionshttps://github.com/solutions
AIhttps://github.com/resources/articles?topic=ai
Software Developmenthttps://github.com/resources/articles?topic=software-development
DevOpshttps://github.com/resources/articles?topic=devops
Securityhttps://github.com/resources/articles?topic=security
View all topicshttps://github.com/resources/articles
Customer storieshttps://github.com/customer-stories
Events & webinarshttps://github.com/resources/events
Ebooks & reportshttps://github.com/resources/whitepapers
Business insightshttps://github.com/solutions/executive-insights
GitHub Skillshttps://skills.github.com
Documentationhttps://docs.github.com
Customer supporthttps://support.github.com
Community forumhttps://github.com/orgs/community/discussions
Trust centerhttps://github.com/trust-center
Partnershttps://github.com/partners
GitHub SponsorsFund open source developershttps://github.com/sponsors
Security Labhttps://securitylab.github.com
Maintainer Communityhttps://maintainers.github.com
Acceleratorhttps://github.com/accelerator
Archive Programhttps://archiveprogram.github.com
Topicshttps://github.com/topics
Trendinghttps://github.com/trending
Collectionshttps://github.com/collections
Enterprise platformAI-powered developer platformhttps://github.com/enterprise
GitHub Advanced SecurityEnterprise-grade security featureshttps://github.com/security/advanced-security
Copilot for BusinessEnterprise-grade AI featureshttps://github.com/features/copilot/copilot-business
Premium SupportEnterprise-grade 24/7 supporthttps://github.com/premium-support
Pricinghttps://github.com/pricing
Search syntax tipshttps://docs.github.com/search-github/github-code-search/understanding-github-code-search-syntax
documentationhttps://docs.github.com/search-github/github-code-search/understanding-github-code-search-syntax
Sign in https://patch-diff.githubusercontent.com/login?return_to=https%3A%2F%2Fgithub.com%2Fangular%2Fflex-layout%2Fwiki%2FMediaObserver
Sign up https://patch-diff.githubusercontent.com/signup?ref_cta=Sign+up&ref_loc=header+logged+out&ref_page=%2F%3Cuser-name%3E%2F%3Crepo-name%3E%2Fwiki%2Fshow&source=header-repo&source_repo=angular%2Fflex-layout
Reloadhttps://patch-diff.githubusercontent.com/angular/flex-layout/wiki/MediaObserver
Reloadhttps://patch-diff.githubusercontent.com/angular/flex-layout/wiki/MediaObserver
Reloadhttps://patch-diff.githubusercontent.com/angular/flex-layout/wiki/MediaObserver
angular https://patch-diff.githubusercontent.com/angular
flex-layouthttps://patch-diff.githubusercontent.com/angular/flex-layout
Notifications https://patch-diff.githubusercontent.com/login?return_to=%2Fangular%2Fflex-layout
Fork 754 https://patch-diff.githubusercontent.com/login?return_to=%2Fangular%2Fflex-layout
Star 5.9k https://patch-diff.githubusercontent.com/login?return_to=%2Fangular%2Fflex-layout
Code https://patch-diff.githubusercontent.com/angular/flex-layout
Issues 48 https://patch-diff.githubusercontent.com/angular/flex-layout/issues
Pull requests 2 https://patch-diff.githubusercontent.com/angular/flex-layout/pulls
Actions https://patch-diff.githubusercontent.com/angular/flex-layout/actions
Projects 0 https://patch-diff.githubusercontent.com/angular/flex-layout/projects
Wiki https://patch-diff.githubusercontent.com/angular/flex-layout/wiki
Security 0 https://patch-diff.githubusercontent.com/angular/flex-layout/security
Insights https://patch-diff.githubusercontent.com/angular/flex-layout/pulse
Code https://patch-diff.githubusercontent.com/angular/flex-layout
Issues https://patch-diff.githubusercontent.com/angular/flex-layout/issues
Pull requests https://patch-diff.githubusercontent.com/angular/flex-layout/pulls
Actions https://patch-diff.githubusercontent.com/angular/flex-layout/actions
Projects https://patch-diff.githubusercontent.com/angular/flex-layout/projects
Wiki https://patch-diff.githubusercontent.com/angular/flex-layout/wiki
Security https://patch-diff.githubusercontent.com/angular/flex-layout/security
Insights https://patch-diff.githubusercontent.com/angular/flex-layout/pulse
Jump to bottomhttps://patch-diff.githubusercontent.com/angular/flex-layout/wiki/MediaObserver#wiki-pages-box
4 revisionshttps://patch-diff.githubusercontent.com/angular/flex-layout/wiki/MediaObserver/_history
registered BreakPointshttps://github.com/angular/flex-layout/wiki/Custom-Breakpoints
https://patch-diff.githubusercontent.com/angular/flex-layout/wiki/MediaObserver#api-summary
https://patch-diff.githubusercontent.com/angular/flex-layout/wiki/MediaObserver#1-mediaobserverasobservable
https://patch-diff.githubusercontent.com/angular/flex-layout/wiki/MediaObserver#2-mediaobserverasobservable
https://patch-diff.githubusercontent.com/angular/flex-layout/wiki/MediaObserver#3-mediaobserverisactive
API Documentationhttps://github.com/angular/flex-layout/wiki/API-Documentation
StackBlitz Templatehttps://stackblitz.com/edit/angular-flex-layout-seed
Live Demoshttps://tburleson-layouts-demos.firebaseapp.com/
Home https://patch-diff.githubusercontent.com/angular/flex-layout/wiki
Please reload this pagehttps://patch-diff.githubusercontent.com/angular/flex-layout/wiki/MediaObserver
Adaptive Layouts https://patch-diff.githubusercontent.com/angular/flex-layout/wiki/Adaptive-Layouts
Please reload this pagehttps://patch-diff.githubusercontent.com/angular/flex-layout/wiki/MediaObserver
API Documentation https://patch-diff.githubusercontent.com/angular/flex-layout/wiki/API-Documentation
Please reload this pagehttps://patch-diff.githubusercontent.com/angular/flex-layout/wiki/MediaObserver
Background https://patch-diff.githubusercontent.com/angular/flex-layout/wiki/Background
Please reload this pagehttps://patch-diff.githubusercontent.com/angular/flex-layout/wiki/MediaObserver
BreakPoints https://patch-diff.githubusercontent.com/angular/flex-layout/wiki/BreakPoints
Please reload this pagehttps://patch-diff.githubusercontent.com/angular/flex-layout/wiki/MediaObserver
Browser Support https://patch-diff.githubusercontent.com/angular/flex-layout/wiki/Browser-Support
Please reload this pagehttps://patch-diff.githubusercontent.com/angular/flex-layout/wiki/MediaObserver
CI Tools https://patch-diff.githubusercontent.com/angular/flex-layout/wiki/CI-Tools
Please reload this pagehttps://patch-diff.githubusercontent.com/angular/flex-layout/wiki/MediaObserver
Configuration https://patch-diff.githubusercontent.com/angular/flex-layout/wiki/Configuration
Please reload this pagehttps://patch-diff.githubusercontent.com/angular/flex-layout/wiki/MediaObserver
Declarative API Overview https://patch-diff.githubusercontent.com/angular/flex-layout/wiki/Declarative-API-Overview
Please reload this pagehttps://patch-diff.githubusercontent.com/angular/flex-layout/wiki/MediaObserver
Developer Setup https://patch-diff.githubusercontent.com/angular/flex-layout/wiki/Developer-Setup
Please reload this pagehttps://patch-diff.githubusercontent.com/angular/flex-layout/wiki/MediaObserver
Fast Starts https://patch-diff.githubusercontent.com/angular/flex-layout/wiki/Fast-Starts
Please reload this pagehttps://patch-diff.githubusercontent.com/angular/flex-layout/wiki/MediaObserver
fxFlex API https://patch-diff.githubusercontent.com/angular/flex-layout/wiki/fxFlex-API
Please reload this pagehttps://patch-diff.githubusercontent.com/angular/flex-layout/wiki/MediaObserver
fxFlexAlign API https://patch-diff.githubusercontent.com/angular/flex-layout/wiki/fxFlexAlign-API
Please reload this pagehttps://patch-diff.githubusercontent.com/angular/flex-layout/wiki/MediaObserver
fxFlexFill API https://patch-diff.githubusercontent.com/angular/flex-layout/wiki/fxFlexFill-API
Please reload this pagehttps://patch-diff.githubusercontent.com/angular/flex-layout/wiki/MediaObserver
fxFlexOffset API https://patch-diff.githubusercontent.com/angular/flex-layout/wiki/fxFlexOffset-API
Please reload this pagehttps://patch-diff.githubusercontent.com/angular/flex-layout/wiki/MediaObserver
fxFlexOrder API https://patch-diff.githubusercontent.com/angular/flex-layout/wiki/fxFlexOrder-API
Please reload this pagehttps://patch-diff.githubusercontent.com/angular/flex-layout/wiki/MediaObserver
fxHide API https://patch-diff.githubusercontent.com/angular/flex-layout/wiki/fxHide-API
Please reload this pagehttps://patch-diff.githubusercontent.com/angular/flex-layout/wiki/MediaObserver
fxLayout API https://patch-diff.githubusercontent.com/angular/flex-layout/wiki/fxLayout-API
Please reload this pagehttps://patch-diff.githubusercontent.com/angular/flex-layout/wiki/MediaObserver
fxLayoutAlign API https://patch-diff.githubusercontent.com/angular/flex-layout/wiki/fxLayoutAlign-API
Please reload this pagehttps://patch-diff.githubusercontent.com/angular/flex-layout/wiki/MediaObserver
fxLayoutGap API https://patch-diff.githubusercontent.com/angular/flex-layout/wiki/fxLayoutGap-API
Please reload this pagehttps://patch-diff.githubusercontent.com/angular/flex-layout/wiki/MediaObserver
fxShow API https://patch-diff.githubusercontent.com/angular/flex-layout/wiki/fxShow-API
Please reload this pagehttps://patch-diff.githubusercontent.com/angular/flex-layout/wiki/MediaObserver
imgSrc API https://patch-diff.githubusercontent.com/angular/flex-layout/wiki/imgSrc-API
Please reload this pagehttps://patch-diff.githubusercontent.com/angular/flex-layout/wiki/MediaObserver
Implementation https://patch-diff.githubusercontent.com/angular/flex-layout/wiki/Implementation
Please reload this pagehttps://patch-diff.githubusercontent.com/angular/flex-layout/wiki/MediaObserver
Live Demos https://patch-diff.githubusercontent.com/angular/flex-layout/wiki/Live-Demos
Please reload this pagehttps://patch-diff.githubusercontent.com/angular/flex-layout/wiki/MediaObserver
MediaObserver https://patch-diff.githubusercontent.com/angular/flex-layout/wiki/MediaObserver
API Summaryhttps://patch-diff.githubusercontent.com/angular/flex-layout/wiki/MediaObserver#api-summary
1. MediaObserver::asObservablehttps://patch-diff.githubusercontent.com/angular/flex-layout/wiki/MediaObserver#1-mediaobserverasobservable
2. MediaObserver::asObservable()https://patch-diff.githubusercontent.com/angular/flex-layout/wiki/MediaObserver#2-mediaobserverasobservable
3. MediaObserver::isActive()https://patch-diff.githubusercontent.com/angular/flex-layout/wiki/MediaObserver#3-mediaobserverisactive
ngClass API https://patch-diff.githubusercontent.com/angular/flex-layout/wiki/ngClass-API
Please reload this pagehttps://patch-diff.githubusercontent.com/angular/flex-layout/wiki/MediaObserver
ngStyle API https://patch-diff.githubusercontent.com/angular/flex-layout/wiki/ngStyle-API
Please reload this pagehttps://patch-diff.githubusercontent.com/angular/flex-layout/wiki/MediaObserver
NPM Installs https://patch-diff.githubusercontent.com/angular/flex-layout/wiki/NPM-Installs
Please reload this pagehttps://patch-diff.githubusercontent.com/angular/flex-layout/wiki/MediaObserver
Performance Considerations https://patch-diff.githubusercontent.com/angular/flex-layout/wiki/Performance-Considerations
Please reload this pagehttps://patch-diff.githubusercontent.com/angular/flex-layout/wiki/MediaObserver
Responsive API https://patch-diff.githubusercontent.com/angular/flex-layout/wiki/Responsive-API
Please reload this pagehttps://patch-diff.githubusercontent.com/angular/flex-layout/wiki/MediaObserver
Style Builders https://patch-diff.githubusercontent.com/angular/flex-layout/wiki/Style-Builders
Please reload this pagehttps://patch-diff.githubusercontent.com/angular/flex-layout/wiki/MediaObserver
Use Cases https://patch-diff.githubusercontent.com/angular/flex-layout/wiki/Use-Cases
Please reload this pagehttps://patch-diff.githubusercontent.com/angular/flex-layout/wiki/MediaObserver
Using Angular CLI https://patch-diff.githubusercontent.com/angular/flex-layout/wiki/Using-Angular-CLI
Please reload this pagehttps://patch-diff.githubusercontent.com/angular/flex-layout/wiki/MediaObserver
Using SSR with Flex Layout https://patch-diff.githubusercontent.com/angular/flex-layout/wiki/Using-SSR-with-Flex-Layout
Please reload this pagehttps://patch-diff.githubusercontent.com/angular/flex-layout/wiki/MediaObserver
Webpack Configuration https://patch-diff.githubusercontent.com/angular/flex-layout/wiki/Webpack-Configuration
Please reload this pagehttps://patch-diff.githubusercontent.com/angular/flex-layout/wiki/MediaObserver
Why use Angular Layout https://patch-diff.githubusercontent.com/angular/flex-layout/wiki/Why-use-Angular-Layout
Please reload this pagehttps://patch-diff.githubusercontent.com/angular/flex-layout/wiki/MediaObserver
Homehttps://github.com/angular/flex-layout/wiki
Gitter Chathttps://gitter.im/angular/flex-layout
Discussion Forumhttps://groups.google.com/forum/#!forum/angular-flex-layout
Static APIhttps://github.com/angular/flex-layout/wiki/Declarative-API-Overview
Responsive APIhttps://github.com/angular/flex-layout/wiki/Responsive-API
API Documentationhttps://github.com/angular/flex-layout/wiki/API-Documentation
Custom Breakpointshttps://github.com/angular/flex-layout/wiki/Breakpoints
Style Buildershttps://github.com/angular/flex-layout/wiki/Style-Builders
Performance Considerationshttps://github.com/angular/flex-layout/wiki/Performance-Considerations
Live Onlinehttps://tburleson-layouts-demos.firebaseapp.com/
Source Codehttps://github.com/angular/flex-layout/blob/master/src/apps/demo-app/src/app/app.module.ts#L28
Flex-Layout Templatehttps://stackblitz.com/edit/angular-flex-layout-seed
Flex-Layout + Materialhttps://stackblitz.com/edit/angular-material-flex-layout-seed?file=app%2Fapp.module.ts
CSS Flexbox Referencehttp://cssreference.io/flexbox/
How Flexbox Works - Explainedhttps://www.freecodecamp.org/news/even-more-about-how-flexbox-works-explained-in-big-colorful-animated-gifs-a5a74812b053/
Complete Guide to FlexBoxhttps://css-tricks.com/snippets/css/a-guide-to-flexbox/
Why use Angular Layouthttps://github.com/angular/flex-layout/wiki/Why-use-Angular-Layout
Browser Supporthttps://github.com/angular/flex-layout/wiki/Browser-Support
Backgroundhttps://github.com/angular/flex-layout/wiki/Background
Adaptive Layoutshttps://github.com/angular/flex-layout/wiki/Adaptive-Layouts
NPM Installshttps://github.com/angular/flex-layout/wiki/NPM-Installs
Developer Setuphttps://github.com/angular/flex-layout/wiki/Developer-Setup
Builds + Fast Startshttps://github.com/angular/flex-layout/wiki/Fast-Starts
Using Angular CLIhttps://github.com/angular/flex-layout/wiki/Using-Angular-CLI
WebPack Configurationhttps://github.com/angular/flex-layout/wiki/Webpack-Configuration
Contributinghttps://github.com/angular/flex-layout/blob/master/CONTRIBUTING.md
Coding Standardshttps://github.com/angular/flex-layout/blob/master/CODING_STANDARDS.md
Code Reviewhttps://github.com/angular/flex-layout/blob/master/CODE_REVIEWS.md
https://github.com
Termshttps://docs.github.com/site-policy/github-terms/github-terms-of-service
Privacyhttps://docs.github.com/site-policy/privacy-policies/github-privacy-statement
Securityhttps://github.com/security
Statushttps://www.githubstatus.com/
Communityhttps://github.community/
Docshttps://docs.github.com/
Contacthttps://support.github.com?tags=dotcom-footer

Viewport: width=device-width

URLs of crawlers that visited me.