Mastering CSS Grid: An Extensive Practical Guide to creating beautiful layouts with CSS Grid Pascal Thormeier Author

Learn the basics and advanced aspects by creating a project using CSS Grid and dive into the specifications of using CSS grid conceptsExplore the differences between grid boxes and block containersCreate block-level grids, inline grids, and even nest grids inside gridsLearn best practices for attaching elements to your layout, using explicitly defined grid lines or grid areaCSS Grid fills a long-existing gap in tools to use real grids on the web. Back in the old days, we used make-shift grids made with table layouts, then used a set of floating elements with fixed widths to achieve different-sized columns. The introduction of flexbox helped, but ultimately, CSS Grid gave us what we’ve longed for so long: Real responsive grids done with pure CSS.You will learn the basics and advanced aspects of CSS Grid through practice. You will learn how to implement responsive layouts and best practices when using grids in any design. You will know how flexbox can play with CSS Grid, and in the end, you will have our own beautiful and usable, responsive web project you can use as a reference and improve our skills further. You will also look at how frameworks use CSS Grid to build reusable components and how you can rebuild and polyfill CSS Grid for browsers that don’t yet fully support it and learn how CSS Grid works in-depth. Finally, a quick reference and cheat sheet at the end will make this book a handy companion for every frontend dev, novice or seasoned.So, let’s dive into all the nooks and crannies of CSS Grid and create beautiful layouts for all kinds of web projects, large or small and become a Pro at CSS Grid.Improve your skills with basic and advanced CSS Grid conceptsUse flexbox and CSS Grid play together to create beautiful responsive layoutsExplore advanced grid layouts and how they can benefit your next projectHow frameworks use CSS Grid to create reusable componentsLearn the benefits of grid layouts and create beautiful websitesCreate your own polyfills and understand when not to use grid layoutsBuild responsive and usable web project using CSS GridThis book is for anyone who has some experience with HTML and CSS, but might not be familiar with some of the newer concepts and want to uncover the secrets of mastering CSS grid to creating amazing web pages.CSS developers who want to update their CSS skills to the most modern level. CSS developers who want to expand their toolset to flexbox, GridsBasic rules for CSS gridsProject introduction: What we’ll work on and first tasksAdvanced grid layoutsResponsive CSS gridsImplementing layouts with flexbox and CSS gridBenefits of grid layouts and when not to use themPolyfillingCSS Grid in the wild: How frameworks use itQuick reference and cheat sheet