mitmario.dev

HTML CSS JS Node PHP

Programmieren lernen, indem du programmierst

Text, Editor und Vorschau liegen in einem Fenster. Du schreibst eine Zeile, siehst sofort, was sie macht, und die Prüfliste sagt dir, ob es das war, was gemeint ist.

Kostenlos anfangen Alle 5 Kurse ansehen →
Abschnitt 10 · Grid
1 / 9
Nächste Lektion
Lektion Praxis
Deine Aufgabe

Stell die beiden Karten nebeneinander, mit 24px Abstand. Das Raster gehört an .projekte.

Prüfliste 2 von 3
  • .projekte ist ein Grid
  • Zwei gleich breite Spalten
  • 24px Abstand zwischen den Karten
    erwartet 24px gefunden normal
2 von 3 bestanden Prüfen
index.html style.css
Zurücksetzen 
.projekte {
  display: grid;
  grid-template-columns: 1fr 1fr;

}

.karte {
  padding: 1.25rem;
  border: 1px solid #d6d3d1;
  border-radius: 8px;
}

body {
  font-family: system-ui, sans-serif;
  margin: 1.5rem;
}
Browser Console Netzwerk Debug
/
Seite aktuell CSS · Zeile 4, Spalte 3 · Leerzeichen: 2 · UTF-8

Beispiel, keine echte Lektion.

  1. Prüfliste Sagt dir, was erwartet war und was gefunden wurde. Hier fehlt noch der Abstand.
  2. Editor Deine Dateien in Reitern, mit Farben und Zeilennummern wie später im eigenen Editor.
  3. Browser Baut die Seite bei jedem Tastendruck neu, der Inspector steckt gleich in der Leiste. Die Karten kleben noch aneinander.
  4. Console, Netzwerk, Debug Die Werkzeuge hinter F12, nur direkt neben deiner Seite.
  5. Mio Wartet unten rechts. Kennt die Lektion, an der du sitzt, und zeigt auf die Stelle. Lösen musst du selbst.

Die Kurse

Im Browser oder auf dem Server

Was im Browser läuft, startet sofort. Kurse mit Server laufen in einer Sandbox mit Terminal, und die ist schon eingerichtet. Angefangen wird immer mit HTML.

Im Browser

3 Kurse · 310 Lektionen

Auf dem Server

2 Kurse · 251 Lektionen

Was es kostet

Zwei Konten, dieselben Kurse

Beide Konten arbeiten in derselben Lernumgebung. Der Unterschied ist, wie viel Zeit du auf dem Server hast und wie oft du Mio fragen kannst.

Merkmal Basis Konto Kostenlos dauerhaft, keine Karte nötig Premium Konto 29 € regulär 39 € Launch-Preis im Monat, monatlich kündbar · oder 290 € im Jahr, 2 Monate geschenkt Der Launch-Preis gilt für die ersten 100 Abos und bleibt, solange dein Abo läuft.
Alle Lektionen lesen ja, in jedem Kurs ja, in jedem Kurs
Fortschritt auf jedem Gerät ja ja
Übungen im Browser unbegrenzt unbegrenzt
Server-Sandbox mit echtem Node und PHP 1 Stunde im Monat 60 Stunden im Monat
Mio, dein Lernbegleiter rund 20 Fragen im Monat rund 400 Fragen im Monat
Sandbox startet beim ersten Tastendruck ja

Ganz ohne Konto kannst du den Katalog und jede Kursseite lesen. Von einer Lektion bekommst du dann nichts, auch nicht den Text: sie wird erst ausgeliefert, wenn klar ist, wer davorsitzt.

Kostenlos anfangen Premium Konto buchen

Preise sind Endpreise, gemäß § 19 UStG ohne Umsatzsteuer.