WWebday Studio
KI-Arbeitsumgebung für Code

Responsive CSS-Layouts

Beginnen Sie mit dem schmalen Layout.

● ● ●Webday Studio●
Arbeitsabläufe · Responsive CSS-Layouts ×
.workspace {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}
.workspace > * { min-width: 0; }
✳Beginnen Sie mit dem schmalen Layout.
✓ ÄnderungenVor dem Anwenden prüfen ↗
Illustration der Arbeitsumgebung
  1. Vor dem Anwenden prüfen

    Vergleichen Sie das tatsächliche Verhalten mit dem erwarteten Ergebnis. Klären Sie fehlgeschlagene Prüfungen vor weiteren Änderungen.

  2. Modelle

    Richten Sie einen OpenAI-kompatiblen oder Anthropic-Endpunkt mit Basis-URL und gegebenenfalls API-Schlüssel ein. Testen Sie die Verbindung. Ein lokaler Modellserver muss laufen; entfernte Werkzeuge können Daten separat übertragen.

  3. Projekt

    Setzen Sie eine lange Beschriftung und einen Codeblock ins Raster und korrigieren Sie das Schrumpfen, statt Überlauf zu verstecken.

Arbeitsabläufe

Responsive CSS-Layouts

Arbeitsabläufe ↗
Arbeitsabläufe
.workspace {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}
.workspace > * { min-width: 0; }
KI-Arbeitsumgebung für Code

Hier beginnt Ihre nächste Idee.

Für Windows herunterladen ↗