CSS Grid

CSS Grid - die Webtechnologie von morgen

  1. Home
  2. CSS - Grid

Moderne Webseiten für die Zukunft

Noch wenig verbreitet, aber in seinen Möglichkeiten bestechend.

CSS-Grid

  • Wie funktioniert CSS Grid?

    CSS Grid ist so konzipiert, dass man Zeile und Spalten frei anordnen kann. Es erlaubt mit hilfe verschiedener Tags einen flexiblen Aufbau moderner Webseiten.

  • Wie sieht ein Code zum Beispiel aus?

    Der Code von CSS - Grid ist eigentlich sehr überschaubar. Mit wenigen Tabs, lassen sich Inhalte und verschaltelte Layer organisieren. z.B:

    #container {
    display: grid;
    grid-template-rows: repeat(2, 1.2em);
    grid-template-columns: 2fr 1fr 1fr 1fr 1fr;
    }

  • Bieten wir diese Lösung an?

    ja, derzeit arbeiten wir zwar hauptsächlich mit Bootstrap, jedoch, wenn sich die Technik mit Ihren Vorstellungen vereinbaren lässt, realisierne wir Ihre Webseite gerne auch mit CSS-Grid.

  • Welche Browser unterstützen CSS-Grid?

    CSS-Grid wird von den Desktop - Browsern Firefox, Edge, Safari und Chrome unterstützt. Leider ist die Technik für den Internet Explorer 11 und älter nicht einsetzbar, was jedoch nur begrenzt ein Problem ist, weil diese nicht mehr weit verbreitet sind.

    Browser mobiler Geräte wie android und iOS, die CSS-Grid untersützen, sind Chrome, Fiefox, der Android Brower und iOS - Safari.