{"product_id":"9781492023432","title":"Designing with CSS Grid Layout","description":"\u003cp\u003eLayout in CSS has always been a tricky task: hacking solutions using positioning, floats, and the one-dimensional flexbox has never been very satisfactory. Fortunately, there is a new tool to add to our arsenal: CSS Grid Layout. It is an incredibly powerful layout system that allows us to design pages using a two-dimensional grid - offering the kind of fine-grained layout control that print designers take for granted!\u003c\/p\u003e \u003cp\u003e Grid Layout has been in development for a while, but has recently been made a W3C candidate recommendation and has been added to most of the major browsers, so is ready for prime time.\u003c\/p\u003e \u003cp\u003eThis short selection of tutorials, hand-picked from SitePoint's HTML \u0026amp; CSS channel, will get you up and running with Grid Layout and using it on your own sites in no time.\u003c\/p\u003e \u003cp\u003eThis collection includes:\u003c\/p\u003e \u003cul\u003e\n\u003cli\u003eAn Introduction to the CSS Grid Layout Module by Ahmad Ajmi\u003c\/li\u003e\n\u003cli\u003eSeven Ways You Can Place Elements Using CSS Grid Layout by Nitish Kumar\u003c\/li\u003e\n\u003cli\u003eHow to Order and Align Items in Grid Layout by Nitish Kumar\u003c\/li\u003e\n\u003cli\u003eA Step by Step Guide to the Auto- Placement Algorithm in CSS Grid by Nitish Kumar\u003c\/li\u003e\n\u003cli\u003eHow I Built a Pure CSS Crossword Puzzle by Adrian Roworth\u003c\/li\u003e\n\u003c\/ul\u003e \u003cp\u003eThis book is suitable for front end developers and web designers with some CSS experience.\u003c\/p\u003e","brand":"SitePoint","offers":[{"title":"Default Title","offer_id":47131935408368,"sku":"9781492023432","price":4.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0737\/7593\/9824\/files\/9781492023432_p0.jpg?v=1763661599","url":"https:\/\/shop-qa.barnesandnoble.com\/products\/9781492023432","provider":"Barnes \u0026 Noble (DEV)","version":"1.0","type":"link"}