What makes good projects great? UX/UI designers certainly know the answer to this question. The greatest projects are those that have achieved the perfect equilibrium business objectives and user needs. This approach can be easier while you know who your users are. Thus, one of the most important stages when creating the application is the UX / UI design phase. During this step, you work on the appearance and the way the application works. But how does it actually look in practice?
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.