https://github.com/rodydavis/nested-master-detail

Nested master detail example with container queries
https://github.com/rodydavis/nested-master-detail

adaptive container-queries container-query css lit responsive

Last synced: 21 days ago
JSON representation

Nested master detail example with container queries

• Host: GitHub
• URL: https://github.com/rodydavis/nested-master-detail
• Owner: rodydavis
• License: apache-2.0
• Created: 2022-08-31T04:53:48.000Z (almost 4 years ago)
• Default Branch: master
• Last Pushed: 2022-08-31T05:13:55.000Z (almost 4 years ago)
• Last Synced: 2025-09-08T14:58:20.474Z (9 months ago)
• Topics: adaptive, container-queries, container-query, css, lit, responsive
• Language: TypeScript
• Homepage: https://rodydavis.github.io/nested-master-detail/
• Size: 14.3 MB
• Stars: 2
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Nested Master Detail

Using container queries it is now possible to create deeply nested lists and detail views with CSS and sizing based on the parent!

[Online Demo](https://rodydavis.github.io/nested-master-detail/)

https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Container_Queries

https://user-images.githubusercontent.com/31253215/187596862-01e6685d-b03b-49bb-81b6-2d33733735bf.mov