So verwenden Sie Grid auf Mobilgeräten

Die Raster ermöglichen die Organisation verschiedener Inhalte, einschließlich Bilder, Symbole, Formen und Text in Form von Zellen, die sehr bequem zu bedienen sind. In unserem visuellen Editor können Sie ganz einfach Zellen in einem Raster verschieben, indem Sie einfach eine Zelle über eine andere ziehen und so Ihr Layout und Ihren Inhalt für Ihr Webdesign perfektionieren. Außerdem können Sie auf die Pfeilsymbole im Kontextwerkzeug der Zelle klicken, um die Zelle zu verschieben.

Sie können den Abstand zwischen den Rasterzellen entsprechend Ihren Anforderungen an das Webdesign ändern. Dazu können Sie die Cell Gap-Eigenschaft im Eigenschaftsfenster verwenden. Wählen Sie ein Gitter aus, gehen Sie dann zum Eigenschaftsfenster, scrollen Sie im Fenster nach unten und ziehen Sie den Schieberegler, um den Abstand zu ändern.

Die Rasterelemente sind sehr nützlich, um Reaktionsmodi zu erstellen, da sich die Rasterzellen in den kleineren Bildschirmen automatisch untereinander bewegen. Außerdem können Sie für viele Layouts die Rasterzellenreihenfolge in allen mobilen Ansichten ändern. Wählen Sie das Rasterelement, schalten Sie den Reaktionsmodus in der oberen Leiste um und passen Sie bei Bedarf Ihr Raster an. Bei den meisten Grids müssen Sie keine Anpassungen vornehmen.

Holen Sie sich die größte Auswahl an Grid-Layouts für Ihr Webdesign. Die Grid-Elemente helfen Ihnen, Ihre Designs automatisch mobilfreundlich zu gestalten.

Das Gitterelement ist sehr flexibel. Sie können das Layout an die Anforderungen Ihrer Webdesign-Idee anpassen. Um das Gitter umzudrehen, das Sie in einem Block platziert haben. Wählen Sie dieses Element aus und gehen Sie dann zum Eigenschaftsfenster auf der rechten Seite. Klicken Sie neben dem Rasterlayout auf die Dropdown-Liste Spiegeln. Klicken Sie auf Spiegeln oder Drehen, um den Vorgang auszuführen.

Eine Zelle des Rasterelements kann einen Hintergrund haben, und Sie können dafür verschiedene Typen verwenden. Sie können die Farbfüllung, den Verlauf, das Bild, das Video anwenden oder überhaupt keinen Hintergrund haben. Wählen Sie eine Rasterzelle aus und gehen Sie zum Eigenschaftsfenster. Wählen Sie einen Hintergrundtyp, der am besten zu Ihrem Webdesign passt.

Sie können das Layout des hinzugefügten Rasters jederzeit in einen Block ändern. Wählen Sie das Rasterelement aus und gehen Sie dann zum Eigenschaftsfenster. Klicken Sie auf den Pfeil, um die Liste der Rastervoreinstellungen zu öffnen und wählen Sie das Layout aus, das besser zu Ihrer Webdesign-Idee passt. Sie können Rasterzellen auch im Editor hinzufügen und entfernen.

Wenn Sie ausgefallene Layouts für Ihre Bilder, Formen und Texte erstellen müssen, können Sie die Größe von Rasterzellen mit verschiedenen Breiten ändern, um Ihren Designs ein modernes Aussehen zu verleihen.

Die Slider-Animation ist eine sehr beliebte Reaktion auf Hover. Sie können verschiedene Effekte für Rasterzellen hinzufügen, z. B. Fade, Overlay, Slide, Flip, Wobble und Zoom. Wählen Sie eine Rasterzelle aus und gehen Sie dann zum Eigenschaftsfenster. Klicken Sie auf den Link Hover Slide und wählen Sie dann den Effekt aus, den Sie auf dem Hover der Rasterzelle sehen möchten.

Sie können die Breite des Rasters ganz einfach von Boxed auf Wide und umgekehrt ändern. Wählen Sie ein Raster aus und gehen Sie dann zum Eigenschaftsfenster. Suchen Sie das Boxed/Wide-Symbol neben den Werten für Breite und Höhe und ändern Sie das Gird-Layout, indem Sie auf dieses Symbol klicken.