With grids (grid layout) similar elements can be put together quickly and easily so that they can be arranged differently for the various viewport sizes.
Here, the CSS commands "display: grid" or "display: flex" are used to arrange the individual elements. The advantage of this is that the section can be arranged in different ways for the various viewports.
Example showing a link list with a typical grid layout
Example showing a teaser with a typical grid layout
Example of various modules with a typical grid layout
6.4.1.Preview of the relaunch of the new www.daimler.com
The following preview provides a taster of the new visual language of www.daimler.com. For the current date of revision (01.02.2018) certain sections of the website have already been implemented in this look, and other sections will follow and be replaced one by one.
Example of the teaser boxes in the Investors section