Last week in Krakow, Poland, one of the greatest events gathering Google technologies enthusiasts took place. The event in question is, of course, Google Developer Days Europe – a conference organized to showcase the hottest topics now in Google. Attendants could hear about the latest mobile, web, and Cloud features during 33 sessions, take part in 16 hands-on workshops, talk to Google Experts, and of course meet a lot of like-minded people.
At the beginning of the 2017 year, we could see the introduction of new display property, display: grid, which introduces two-dimensional grid-based layout system. It has been designed for complicated layouts, where eg. Flexbox with its one-dimensional layout system needs more attention and time to solve problems. In brief, grid consists of the creation of columns, rows, cells, and areas, creating very powerful „matrix like” layout system. Properties of rows, columns which consists of cells are assigned to parent container (wrapper). Grid items are areas, which covers grid cells, are assigned to wrapper children. Let’s see a basic example.