Learning CSS Grid with Layoutit Grid

Tuesday, January 25, 2022 12:00 PM to 11:00 PM · 11 hr. (Africa/Abidjan)


grid.layoutit.com is an open source CSS Grid generator, powered by Vue 3 and Vite. It lets you draw the areas of your layout and see the CSS code needed to recreate it. With the release of version 2, we now have support for implicit grids, auto placed areas, and most of the CSS Grid spec. In this talk, we’ll check out how this tool can help you improve your CSS Skills by interacting with the different options, and share why we love the stack we used to craft it.