386: Designing with Grid Systems

<p>This week, we talk about designing with grid systems. In particular: when grid systems break, and what to do when they don’t align with our hardware screens perfectly. In The Sidebar, we talk all about design debt: how to work with it, pay it down, and eventually learn to accept it.</p><hr /><h3><strong>Golden Ratio Supporter:</strong></h3><p>A huge shoutout to Copilot, the best app for budgeting and tracking your personal finances. It’s our favorite tool for categorizing our spending, having our net worth available at a glance, and getting monthly (and yearly!) digests of all your spending.</p><p>Get the app at <a href="https://copilot.money">copilot.money</a>.</p><h3><strong>Latest VIP Patrons:</strong></h3><ul><li>Leigh LaMon</li><li>Edyta Niemyjska</li><li>Jaime</li><li>Brandon Hills</li><li>Jonathan De Wet</li><li>Guilherme Kaiser</li><li>Lillian Lin</li><li>Aris Acoba</li><li>Kyle Stuart</li><li>Hugo Tunius</li><li>Kish Patel</li><li>Michael Otto</li><li>Denis Zastanceanu</li><li>Kelvin O'Shea</li><li>Scott Underwood</li><li>Lachlan Campbell</li><li>Lucas VanGombos</li><li>Sam xia</li><li>Ravi Aujla</li><li>Brian Nelson</li></ul><hr /><h3><strong>The Sidebar:</strong></h3><p>The Sidebar is an exclusive weekly segment for our Patreon supporters. You can subscribe starting at $1 per month for access to full episodes going forward! Sign up at <a href="https://patreon.com/designdetails">https://patreon.com/designdetails</a>.</p><p>In this week's Sidebar, we answer a <a href="https://github.com/designdetails/designdetails/issues/545">listener question</a> that can be ultimately paraphrased as: <i>How do you deal with design debt?</i></p><hr /><h3><strong>Main Topic:</strong></h3><p><a href="https://github.com/designdetails/designdetails/issues/546">Joey Jungle asks on GitHub</a>: <i>Designing with grid systems?</i> – and continues with many words asking why grid systems are often unintuitive, and don’t align neatly with our hardware screens. Great question!</p><hr /><h3><strong>Cool Things:</strong></h3><ul><