{"product_id":"instagram-grid-and-layout-tweak-dawn","title":"Instagram Grid and Layout Tweak","description":"\u003cp class=\"task-lead\"\u003eA brand's Instagram grid on the homepage was unbalanced with five images in a row leaving gaps.\u003c\/p\u003e\u003ch2\u003eThe request\u003c\/h2\u003e\u003cblockquote\u003e\n\u003cp\u003eCenter and balance the way my Instagram grid displays on the homepage. Five images in a row leaves a gap. I want it clean.\u003c\/p\u003e\n\u003ccite\u003eOriginal customer request, anonymized\u003c\/cite\u003e\n\u003c\/blockquote\u003e\u003cp\u003eA grid that didn't divide evenly.\u003c\/p\u003e\u003ch2\u003eThe approach\u003c\/h2\u003e\u003cp\u003eWe set the Instagram grid to a column count that divides cleanly at each screen size and centered it in the section.\u003c\/p\u003e\u003ch2\u003eWhat we shipped\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003eInstagram grid balanced at every screen size\u003c\/li\u003e\n\u003cli\u003eCentered in the section\u003c\/li\u003e\n\u003cli\u003eColumn count set in the theme editor\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"TaskHusky Portfolio","offers":[{"title":"Default Title","offer_id":44155723219018,"sku":"TASK-0467","price":0.0,"currency_code":"USD","in_stock":false}],"url":"https:\/\/www.taskhusky.com\/products\/instagram-grid-and-layout-tweak-dawn","provider":"TaskHusky","version":"1.0","type":"link"}