When most developers think about CSS Grid Layout, they think about the specification itself — its rows, columns, and areas. But behind the specification’s journey from experimental idea to universal browser support stands a relentless advocate who wrote the tutorials, filed the bug reports, built the demos, and gave the conference talks that convinced an entire industry to rethink web layout. Rachel Andrew did not invent CSS Grid, but without her decade of tireless evangelism, education, and standards work, the most powerful layout system the web has ever seen might still be gathering dust in a forgotten spec draft.
Early Life and Education
Rachel Andrew grew up in the United Kingdom during the early days of the personal computing revolution. She developed an interest in technology at a young age, though her path into web development was not the stereotypical computer-science pipeline. Rather than following a formal CS degree track, Andrew came to programming through practical experience — a route that would later inform her philosophy of accessible, hands-on technical education.
In the mid-1990s, as the World Wide Web was transforming from an academic curiosity into a commercial platform, Andrew began building websites professionally. At the time, Tim Berners-Lee’s invention was still young, and web development was an improvisational craft. There were no bootcamps, no standardized curricula, and precious few reference books. Developers learned by viewing source, experimenting in browsers, and sharing knowledge in forums and mailing lists.
This formative period shaped Andrew’s approach in two critical ways. First, she understood viscerally what it meant to learn web technologies without a safety net — an empathy that would define her teaching style for decades. Second, she witnessed firsthand the chaos of the early browser wars and the urgent need for web standards, planting the seeds of her future advocacy work.
By the late 1990s, Andrew had co-founded a web development company called edgeofmyseat.com, where she took on complex client projects and began exploring the boundaries of what CSS could do. She was also becoming a prolific author, writing some of the earliest practical guides to CSS-based layouts at a time when table-based design was still the default approach for most agencies.
The CSS Grid Advocacy Breakthrough
Technical Innovation
To understand Rachel Andrew’s contribution, it is necessary to understand the problem she set out to solve. For nearly two decades, web developers had no true two-dimensional layout system. CSS floats — never designed for page layout — were pressed into service alongside an ever-growing collection of hacks. Frameworks like Bootstrap papered over the problem with twelve-column grids built on floats and percentages, but the underlying limitations remained.
The CSS Grid Layout specification, originally proposed by Microsoft engineers for Internet Explorer 10 in 2011, offered a genuine solution: a native, two-dimensional grid system that could handle rows and columns simultaneously. But early drafts languished. Browser vendors were cautious, developers were skeptical, and the specification itself was dense and intimidating.
This is where Rachel Andrew entered the picture. Starting around 2012, she began systematically studying, documenting, and demonstrating CSS Grid. She built hundreds of examples, wrote exhaustive tutorials, and created Grid by Example, a comprehensive resource that became the definitive learning site for the specification. Her code examples were precise, practical, and immediately usable:
/* A responsive layout using CSS Grid — no media queries needed */
.portfolio-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
gap: 1.5rem;
padding: 2rem;
}
.portfolio-grid .featured {
grid-column: span 2;
grid-row: span 2;
}
.portfolio-grid article {
display: grid;
grid-template-rows: 200px auto 1fr auto;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.portfolio-grid article .content {
padding: 1rem;
align-self: start;
}
.portfolio-grid article .meta {
padding: 1rem;
align-self: end;
border-top: 1px solid #eee;
}This kind of example — practical, real-world, and progressively enhanced — was Andrew’s signature. She did not just explain what CSS Grid could do in theory; she showed developers exactly how to use it in production.
Andrew also contributed directly to the specification process, working with the CSS Working Group to clarify edge cases, propose improvements, and ensure that the spec addressed real developer needs. Her feedback loop — building real layouts, discovering pain points, and feeding them back to spec authors — was invaluable during the critical period between 2015 and 2017 when CSS Grid moved from experimental builds to full browser support.
Why It Mattered
Before CSS Grid reached broad browser support in March 2017, web layout was fragmented and frustrating. Developers relied on a patchwork of floats, positioning, inline-block hacks, and eventually Flexbox (which, while powerful, handles only one dimension at a time). This complexity created barriers to entry and wasted countless development hours.
Rachel Andrew’s advocacy mattered because she bridged a critical gap between specification authors and working developers. The CSS Working Group could write a brilliant spec, but without someone translating that spec into practical knowledge — someone with credibility in both the standards world and the development trenches — adoption would have been slow and uneven.
Her work on Grid by Example alone is estimated to have been used by hundreds of thousands of developers during the critical adoption window. Combined with her conference talks, books, articles, and workshops, Andrew created what amounted to a one-person adoption pipeline for the most significant CSS feature since Flexbox.
The impact extended beyond Grid itself. Andrew’s advocacy demonstrated that a single determined individual could meaningfully accelerate the adoption of a web standard. Her model — build examples, write documentation, give talks, file bugs, participate in the spec process — became a template for developer relations work across the industry. Modern teams at companies like Toimi that build sophisticated web layouts take CSS Grid for granted, a reality that is directly traceable to Andrew’s years of groundwork.
Other Major Contributions
While CSS Grid advocacy is Andrew’s most visible achievement, her contributions to the web platform span decades and multiple domains.
Smashing Magazine Editor-in-Chief. In 2017, Andrew became editor-in-chief of Smashing Magazine, one of the most influential web development publications in the world. Under her editorial leadership, Smashing Magazine maintained its reputation for in-depth, technically rigorous content while expanding its coverage of CSS, accessibility, and web standards. She brought the same meticulous attention to editorial quality that she applied to her own technical writing.
Google Chrome Developer Relations. Andrew joined the Google Chrome team in a developer relations role, where she focused on helping developers understand and adopt new CSS features. This position gave her a direct line between browser engineering teams and the wider developer community — a role perfectly suited to her decades of experience translating specifications into practical guidance. Her work at Google accelerated the feedback loop between developers encountering real-world issues and the engineers who could address them.
Perch CMS. Long before her standards work reached its peak, Andrew co-created Perch, a lightweight content management system designed for professional web developers. Perch reflected her practical philosophy: it was small, fast, and designed to work with hand-coded HTML and CSS rather than imposing its own markup. While less famous than WordPress or Drupal, Perch earned a loyal following among developers who valued craftsmanship and control — a community that shared Andrew’s values.
CSS Layout and Multi-Column Work. Andrew’s standards contributions extend well beyond Grid. She has been deeply involved in the development of CSS Multi-column Layout, CSS Fragmentation, and various aspects of the CSS Box Model. Her work with Hakon Wium Lie and Bert Bos — the original creators of CSS — on layout-related specifications helped ensure that new features integrated coherently with the existing CSS ecosystem.
Technical Writing and Books. Andrew has authored or co-authored numerous books on web development, including titles on CSS layout, responsive design, and content management. Her writing is characterized by clarity, precision, and an unwillingness to gloss over complexity. She explains difficult concepts thoroughly rather than offering oversimplified shortcuts — a style that has earned her the trust of professional developers worldwide. Her approach to clear technical education echoes the standards set by pioneers like Eric Meyer, whose definitive CSS references helped shape the field.
Conference Speaking and Education. Over more than two decades, Andrew has delivered hundreds of conference talks and workshops across the globe. Her presentations are known for live coding demonstrations, carefully constructed examples, and a calm, authoritative delivery that makes complex layout concepts accessible. She has been a regular speaker at events including An Event Apart, CSS Day, and Smashing Conference, and her talks have collectively reached millions of developers through video recordings. Her educational efforts run parallel to those of Jen Simmons, whose work on intrinsic web design further expanded the horizons of CSS layout.
Philosophy and Approach
Rachel Andrew’s influence extends beyond any single technology. Her career embodies a set of principles about how the web should work and how developers should learn.
Key Principles
- Learn the platform, not just the framework. Andrew has consistently argued that developers should understand native web technologies — HTML, CSS, and JavaScript — before reaching for abstractions. Frameworks come and go, but the platform endures. This philosophy aligns with the foundational work of Brendan Eich, who created JavaScript as the web’s native programming language.
- Specifications are for everyone. One of Andrew’s recurring themes is that CSS specifications, while dense, are readable and valuable for working developers. She has worked tirelessly to demystify the spec-reading process, arguing that developers who read specifications gain a deeper understanding of how features actually work — and can contribute to improving them.
- Progressive enhancement is non-negotiable. Andrew has been a vocal advocate for building web experiences that work at every level of browser capability. Her CSS Grid tutorials always included fallback strategies, demonstrating how to use modern features without abandoning users on older browsers. Modern project management platforms like Taskee exemplify this approach, delivering rich interfaces that remain functional across diverse browser environments.
- Real-world examples beat abstract theory. Andrew’s teaching method is relentlessly practical. She builds real layouts, encounters real problems, and shares real solutions. This approach resonates because it mirrors how developers actually work — not in the abstract purity of a specification, but in the messy reality of production codebases.
- Documentation is a first-class contribution. In a culture that often valorizes shipping code over writing about it, Andrew has consistently demonstrated that documentation, tutorials, and educational content are essential to a technology’s success. A brilliant feature that nobody understands might as well not exist.
- Engage with the standards process. Andrew does not just consume web standards; she participates in creating them. She has encouraged developers to file browser bugs, comment on specification drafts, and attend CSS Working Group meetings. Her career demonstrates that the web is not handed down from on high — it is built collaboratively by those who show up.
These principles have influenced a generation of web developers who see themselves not just as consumers of browser features but as active participants in the web’s evolution. The work of advocates like Lea Verou and Ian Hickson in advancing web standards shares this fundamental belief that the open web thrives through community engagement.
Legacy and Impact
Rachel Andrew’s legacy operates on multiple levels. At the most concrete level, she played a decisive role in making CSS Grid Layout a practical reality for millions of developers. The specification might have been written without her, but its rapid, successful adoption is inseparable from her evangelism.
At a broader level, Andrew helped define what modern developer relations looks like. Before “DevRel” became a standard job title at major tech companies, she was doing the work: building bridges between spec authors and working developers, translating complex technical concepts into accessible educational content, and creating the feedback loops that make technologies better. Her career trajectory — from independent developer to author to editor to Google DevRel — traces the professionalization of a role that the web industry now considers essential.
Her impact on CSS education specifically is difficult to overstate. A generation of front-end developers learned CSS Grid from her examples. Many of those developers went on to build the layouts that define the modern web — the responsive, content-aware, two-dimensional designs that CSS Grid makes possible. Every time a developer writes display: grid with confidence, they are benefiting from the groundwork Rachel Andrew laid.
Andrew also serves as a powerful example that impactful contributions to technology do not require inventing a new language, founding a billion-dollar company, or publishing breakthrough research. Sometimes the most important work is the patient, unglamorous labor of documentation, education, and advocacy. She showed that explaining a technology clearly and thoroughly is itself a form of creation — one that enables all the other creation that follows.
Her influence on the CSS specification process continues through her involvement in emerging features related to layout, including subgrid support, container queries, and new alignment capabilities. The web layout landscape of the future will bear her fingerprints just as surely as the present one does.
/* Subgrid: the next evolution Andrew championed */
.card-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
gap: 2rem;
}
.card {
display: grid;
grid-template-rows: subgrid;
grid-row: span 4; /* header, image, body, footer */
border: 1px solid #e2e0dd;
border-radius: 6px;
overflow: hidden;
}
.card h3 {
padding: 1rem 1rem 0;
margin: 0;
font-size: 1.25rem;
}
.card .body {
padding: 0.5rem 1rem;
}
.card .footer {
padding: 0.75rem 1rem;
background: #f9f8f6;
display: flex;
justify-content: space-between;
align-items: center;
}In an industry obsessed with novelty, Rachel Andrew’s career is a testament to the power of depth. She chose a domain — CSS layout — and committed to it with an intensity and duration that few can match. The result is a web that works better, a community that understands its tools more deeply, and a standards process that is more responsive to the people who actually build things. That is a legacy worth celebrating.
Key Facts
- Full Name: Rachel Andrew
- Nationality: British
- Known For: CSS Grid advocacy, Smashing Magazine editor-in-chief, Google Chrome DevRel, web standards contribution
- Key Project: Grid by Example — the definitive CSS Grid learning resource
- Co-Created: Perch CMS — a lightweight content management system for developers
- Role at Google: Developer Relations, Chrome team — CSS and layout features
- CSS Working Group: Active participant and invited expert on layout specifications
- Books: Multiple titles on CSS layout, responsive design, and web development
- Smashing Magazine: Editor-in-chief from 2017, overseeing one of the web’s largest development publications
- Awards: Multiple community awards for contributions to web development education
- Advocacy Focus: Progressive enhancement, platform-first development, web standards participation
Frequently Asked Questions
What is Rachel Andrew most famous for?
Rachel Andrew is best known for her role as the leading advocate and educator for CSS Grid Layout. Through her Grid by Example website, hundreds of articles, conference talks, and books, she played a pivotal role in translating the CSS Grid specification from a dense technical document into practical knowledge that millions of developers could immediately apply. Her advocacy is widely credited with accelerating the adoption of CSS Grid across the web development industry. Beyond Grid, she is recognized for her work as editor-in-chief of Smashing Magazine and her developer relations role on the Google Chrome team.
Did Rachel Andrew invent CSS Grid?
No, Rachel Andrew did not invent CSS Grid Layout. The specification was originally proposed by Microsoft engineers, and its development involved contributions from many members of the CSS Working Group. Andrew’s role was as the technology’s most prominent evangelist, educator, and practical demonstrator. She created the learning resources, wrote the tutorials, gave the conference talks, and built the real-world examples that made CSS Grid accessible to working developers. She also contributed feedback to the specification process, helping to refine the feature based on real-world usage. Her contribution was in adoption and education rather than invention — a role that proved equally essential to the technology’s success.
How did Rachel Andrew influence modern web development practices?
Andrew’s influence on modern web development operates on several levels. Most directly, she helped establish CSS Grid as a standard tool in every front-end developer’s toolkit, displacing float-based layout hacks and reducing dependence on CSS frameworks for basic page structure. More broadly, she championed a philosophy of learning the web platform directly rather than relying on abstractions — an approach that has influenced how developers think about their relationship with HTML, CSS, and JavaScript. She also helped professionalize the role of developer advocacy, demonstrating that the bridge between specification authors and working developers is a critical function that requires deep technical expertise combined with exceptional communication skills.
What is Grid by Example and why was it important?
Grid by Example is a website Rachel Andrew created to provide comprehensive, practical examples of CSS Grid Layout. Launched during the critical period when CSS Grid was moving from experimental browser builds to full production support, the site offered a structured collection of layout patterns, video tutorials, and code examples that developers could study and adapt for their own projects. Its importance lay in timing and quality: it was available when developers most needed it, and its examples were precise, well-explained, and directly applicable to real-world design challenges. Grid by Example became the de facto learning resource for CSS Grid and remains a valuable reference for developers working with grid-based layouts today.
