Seitenlayout basierend auf dem Semantic-UI Grid: kann die Rinnen nicht entfernen

Ich erstelle eine Webanwendung mit semantic-ui . Ich versuche ein Layout mit Seitenleiste und Hauptinhaltsbereich zu erstellen. Zuerst dachte ich, dass die Verwendung von Grid der richtige Weg wäre, außer dass sie ein paar Probleme verursachen:

1. Die Spalten und Zeilen haben zusätzliche Abstände / Rinnen zwischen ihnen
2. Die einzige Möglichkeit, die Rinnen zu "entfernen", besteht darin, eine Spaltenfarbe mit etwas wie <div class="four wide black column"> zu setzen, was jedoch dazu führt, dass sich die Spalten mit anderen Inhalten überlappen.

Es scheint also, dass Gitter nicht das beste Werkzeug zum Erstellen von Seitenlayouts sind, obwohl sie Funktionalität bieten, die sie für Seitenlayouts nützlich macht (wie Definieren von Abschnittsgrößen; four wide column , ten wide column , etc)

Wie wird empfohlen, Webanwendungen mit Semantic-UI zu gestalten, z. B. eine einfache Seitenleiste und Hauptinhaltsspalten?