https://github.com/tascigorkem/css-grid-flexbox-responsive
Responsive Empty Dashboard Layout with Grid and Flexbox
https://github.com/tascigorkem/css-grid-flexbox-responsive
bem-methodology css3
Last synced: 27 days ago
JSON representation
Responsive Empty Dashboard Layout with Grid and Flexbox
- Host: GitHub
- URL: https://github.com/tascigorkem/css-grid-flexbox-responsive
- Owner: tascigorkem
- Created: 2020-05-10T18:41:05.000Z (about 5 years ago)
- Default Branch: master
- Last Pushed: 2020-05-11T11:44:41.000Z (about 5 years ago)
- Last Synced: 2025-04-15T09:58:03.517Z (27 days ago)
- Topics: bem-methodology, css3
- Language: CSS
- Homepage: https://css-grid-flexbox-responsive-tascigorkem.netlify.app/
- Size: 7.26 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Responsive Basic Empty Dashboard Layout with Grid and Flexbox
Creating basic dashboard with Vanilla CSS, Javascript, HTML.
Link: https://css-grid-flexbox-responsive-tascigorkem.netlify.app/
Web
Mobile
#### Reference:
Matt Holland - https://medium.com/@mtholland10
Scott Domes - https://medium.com/@scottdomes
MDN Flexbox: https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Flexbox
MDN Grid: https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Grids
MDN Media Queries: https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries
CSS Naming Methodology - BEM (Block Element Modifier): https://css-tricks.com/bem-101/