![]() I set out to create the following layout thanks to WordCamp, the hundreds of WordPress-focused conferences that happen around the world each year. The resulting demo included some interesting uses of CSS Grid features and forced me to grapple with some details of grid you don’t run into in every day.īefore we get started, it might be a good idea to keep another tab open with the CSS-Tricks guide to CSS Grid to reference the concepts we cover throughout the post. In the process of building a proof of concept, I found a few techniques that made the code highly readable and outright fun to work with. The needs of the project aligned perfectly with grid’s strengths: a two-dimensional (vertical and horizontal) layout with complex placement of child elements. I gained a new appreciation for CSS Grid when building a flexible layout for a conference schedule. You can read every handy primer under the sun and ooh-and-ahh at flashy demos, but the first time you use it on your own project… that’s when things really click. It’s hard to beat the feeling of finding a perfect use for a new technology. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |