EN: Eine für Smartphones optmierte Version wird in Kürze verfügbar sein
6.0.Components    6.4.Grids

6.4.Grids

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.

Some Image
Illustration

Example showing a link list with a typical grid layout

    Some Image
    Illustration

    Example showing a teaser with a typical grid layout

      Some Image
      Illustration

      Example of various modules with a typical grid layout

        6.0.Components      6.4.Grids      6.4.1.Preview of the relaunch of the new www.daimler.com

        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.

        Some Image
        Illustration

        Example of the teaser boxes in the Investors section