Understanding the drawbacks of grid layouts
When using a tool, it is imperative to know its drawbacks. No tool is perfect, and there are no one-size-fits-all solutions, especially for design tasks. Grids do help us and have advantages, and often, we don’t even notice the drawbacks, but they do exist, and we can handle a tool better once we understand its limitations and the limits it applies to us as developers.
Compatibility with content
Sometimes, our content doesn’t fit in a grid. Of course, there is content predestined for a grid, such as photo galleries or card teasers, but some content should best be kept without a grid and free-flowing. In addition, not all content we intend to publish fits in a grid. For example, in the following figure, let’s look at a grid-based design.
Figure 6.4 – A grid-based layout with a stock image, title, and text
It shows a beach stock image with palm trees on the right side. There is...
