A community-curated list of CSS Grid Layout browser bugs, incomplete implementations, and interoperability issues.
GridBugs is a curated collection of known issues and interoperability problems with CSS Grid Layout across different web browsers. It serves as a central reference for web developers encountering unexpected behavior, helping them identify bugs, find workarounds, and track browser fixes. The project aims to improve the overall developer experience by documenting inconsistencies and promoting better cross-browser support for modern CSS layout.
Web developers and frontend engineers who use CSS Grid Layout in production and need to debug cross-browser inconsistencies or find workarounds for specific browser bugs.
Developers choose GridBugs because it provides a centralized, community-curated catalog of verified CSS Grid bugs with reduced test cases, practical workarounds, and direct links to browser bug trackers, saving time and effort in debugging and ensuring robust layouts.
A curated list of Grid interop issues
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.
Each bug includes detailed descriptions, affected browsers, and direct links to tracking bugs, making it a reliable central reference for developers.
Codepen examples accompany most bugs, allowing developers to easily reproduce and understand the issues without building from scratch.
Provides specific CSS solutions, like using 'align-self: start' for aspect ratio bugs, helping implement immediate fixes.
Links to CSS Grid specification sections clarify intended behavior, aiding in standards compliance and understanding.
Relies on user reports for new bugs; if the community is inactive, the catalog may miss emerging issues or fixes, as noted in the contribution guidelines.
It's a static documentation site; developers must manually match their problems to listed bugs, lacking tools for automatic bug identification or real-time debugging.
Exclusively covers CSS Grid, so issues with related specs like Flexbox or Box Alignment are only referenced if they impact Grid, potentially missing broader layout problems.