contact me<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"Susy provides you with the tools to build your own grid layouts that match the needs of your website. It gives you the freedom and flexibility to build any design that you can imagine. It doesn’t matter if your design has 5, 14 or 48 columns. Unequal width columns? Susy’s got you covered. Why would […]<\/p>\n","protected":false},"author":45842,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"sig_custom_text":"","sig_image_type":"featured-image","sig_custom_image":0,"sig_is_disabled":false,"inline_featured_image":false,"c2c_always_allow_admin_comments":false,"footnotes":"","jetpack_publicize_message":"","jetpack_is_tweetstorm":false,"jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":[]},"categories":[4],"tags":[686,1169],"jetpack_publicize_connections":[],"acf":[],"jetpack_featured_media_url":"","jetpack-related-posts":[{"id":263959,"url":"https:\/\/css-tricks.com\/dont-use-grid-system-others\/","url_meta":{"origin":183494,"position":0},"title":"Don’t Use My Grid System (or any others)","date":"December 18, 2017","format":false,"excerpt":"This presentation by Miriam at DjangoCon US last summer is not only well done, but an insightful look at the current and future direction of CSS layout tools. Many of us are familiar with Susy, the roll-your-own Grid system Miriam developed. We published a deep-dive on Susy a few years\u2026","rel":"","context":"In "Link"","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2017\/12\/django-us-2017.png?fit=1200%2C606&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":246532,"url":"https:\/\/css-tricks.com\/interview-miriam-suzanne\/","url_meta":{"origin":183494,"position":1},"title":"An Interview with Miriam Suzanne","date":"October 15, 2016","format":false,"excerpt":"Hey y'all! Welcome Miriam Suzanne. Miriam will be doing more writing around here soon, so we figured an interview would be a good way for you to get to know her first. She's been working with the web for longer than I have, has created some pretty huge open source\u2026","rel":"","context":"In "Interview"","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":322969,"url":"https:\/\/css-tricks.com\/layoutit-grid-learning-css-grid-visually-with-a-generator\/","url_meta":{"origin":183494,"position":2},"title":"Layoutit Grid: Learning CSS Grid Visually With a Generator","date":"October 15, 2020","format":false,"excerpt":"Layoutit Grid is an interactive open source CSS Grid generator. It lets you draw your designs and see the code as you go. You can interact with the code, add or remove track lines and drag them around to change the sizing \u2014 and you get to see the CSS\u2026","rel":"","context":"In "Article"","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2020\/10\/layoutit-grid.png?fit=1200%2C600&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":340490,"url":"https:\/\/css-tricks.com\/devtools-for-css-layouts-2021-edition\/","url_meta":{"origin":183494,"position":3},"title":"DevTools for CSS layouts 2021 edition","date":"May 13, 2021","format":false,"excerpt":"Chen Hui Jing covers some recent movement in DevTools: Firefox\u2019s grid inspector was pretty full-featured from the get-to and\u00a0released together with CSS grid in Firefox 52. It was constantly improved upon since. Chrome added a\u00a0basic grid inspector tool in Chrome 62\u00a0that let developers highlight elements using grid layout, but more\u2026","rel":"","context":"In "Link"","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2021\/05\/chrome-align-1280.png?fit=1200%2C443&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":284819,"url":"https:\/\/css-tricks.com\/people-digging-into-grid-sizing-and-layout-possibilities\/","url_meta":{"origin":183494,"position":4},"title":"People Digging into Grid Sizing and Layout Possibilities","date":"March 15, 2019","format":false,"excerpt":"Jen Simmons has been coining the term intrinsic design, referring to a new era in web layout where the sizing of content has gone beyond fluid columns and media query breakpoints and into, I dunno, something a bit more exotic. For example, columns that are sized more by content and\u2026","rel":"","context":"In "Article"","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2019\/03\/rwd-cloud.jpg?fit=1200%2C600&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":298375,"url":"https:\/\/css-tricks.com\/some-css-grid-strategies-for-matching-design-mockups\/","url_meta":{"origin":183494,"position":5},"title":"Some CSS Grid Strategies for Matching Design Mockups","date":"November 14, 2019","format":false,"excerpt":"The world of web development has always had a gap between the design-to-development handoff. Ambitious designers want the final result of their effort to look unique and beautiful (and true to their initial vision), whereas many developers find more value in an outcome that is consistent, dependable, and rock solid\u2026","rel":"","context":"In "Article"","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2019\/11\/grid-lines.png?fit=1200%2C600&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]}],"featured_media_src_url":null,"_links":{"self":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts\/183494"}],"collection":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/users\/45842"}],"replies":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/comments?post=183494"}],"version-history":[{"count":12,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts\/183494\/revisions"}],"predecessor-version":[{"id":252431,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts\/183494\/revisions\/252431"}],"wp:attachment":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/media?parent=183494"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/categories?post=183494"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/tags?post=183494"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}