CSS Grid Layouts in 7 Minuten erklärt | CSS Tutorial Deutsch

แชร์
ฝัง
  • เผยแพร่เมื่อ 16 ม.ค. 2025

ความคิดเห็น • 68

  • @mariuswinterscheid9605
    @mariuswinterscheid9605 2 ปีที่แล้ว +26

    Zügig und absolut verständlich erklärt. Kein ewiges und langsames um das Thema herum „schiffen“. Mega gut, danke dir! 👍🏻👍🏻😊

  • @siskoDE
    @siskoDE 3 ปีที่แล้ว +17

    Vielen Dank für die kurze, aber dennoch verständliche Erklärung. Habe mir schon mehrere CSS Grid Videos angeschaut. Dieses hier war mit Abstand am besten.

    • @coding-kurzundknapp
      @coding-kurzundknapp  3 ปีที่แล้ว +1

      Vielen Dank, das freut mich sehr!

    • @richardesponja693
      @richardesponja693 3 ปีที่แล้ว +3

      ja weiter so, hasse es wenn ewig drumherum gesprochen wird

  • @ucepts9677
    @ucepts9677 3 ปีที่แล้ว +9

    Bin gerade am lernen und das Video hat mir so sehr weitergeholfen. Vielen Dank und bitte noch mehr solcher Videos

  • @anska17
    @anska17 2 ปีที่แล้ว +3

    Einfach mein Leben gerettet vor der Klausur. Danke dass es solche Menschen gibt 🙏

  • @BerndViehmann
    @BerndViehmann ปีที่แล้ว

    Sehr gutes Video. Schau mir mal Deinen Kurs an!

  • @gian-marco6047
    @gian-marco6047 7 หลายเดือนก่อน +1

    sehr informativ und eine angemessene Länge, danke vielmals

  • @tsubimekdeinmansubimekdein3898
    @tsubimekdeinmansubimekdein3898 ปีที่แล้ว +1

    Da ich das auf "The Odin Project" gelernt habe, (sehr viel gelesen und selbst gecodet) hat dein video mir alles nochmal richtig klar gemacht und verschärft, ich persönlich finde, dass grid-template-are am einfachsten und am schnellsten ist, aber jedem das seine.

  • @0xb0110
    @0xb0110 7 หลายเดือนก่อน

    Perfektes Tutorial. Das was du hier erklärst dafür brauchen andere ne halbe stunde

  • @MuslimMan7
    @MuslimMan7 3 หลายเดือนก่อน

    Sehr gut erklärt! Die wichtigsten Infos hast du raus gehaut. Ich glaube zum besseren merken muss man so oder so ein paar Beispiele durch machen. Bravo !!!

  • @emiliamayer50
    @emiliamayer50 6 หลายเดือนก่อน

    Sehr hilfreich und unkompliziert erklärt. Ohne schnick-schnack . Besser geht es nicht. Mir hat es viel geholfen. Dankeschön und weiter so 🙂😘

  • @klauswildenburg
    @klauswildenburg ปีที่แล้ว

    Klasse !!! Knackig und (für mich) sehr verständlich auf den Punkt gebracht. So liebe ich das. Vielen Dank dafür.

  • @PCJJCP
    @PCJJCP 2 ปีที่แล้ว +5

    Nochmal vielen Dank für deine guten und leicht verständlichen tutorials :)
    Ich würde es toll finden wenn du auch zukünftig javascript tutorials machst :)

    • @coding-kurzundknapp
      @coding-kurzundknapp  2 ปีที่แล้ว +1

      Vielen Dank! Javascript Videos werden definitiv kommen.

  • @n.a.5045
    @n.a.5045 ปีที่แล้ว +1

    Es gibt kein besseres Video auf Deutsch zum Thema CSS Grid Layouts meiner Meinung nach. Auch wenn du natürlich die 7 Minuen-Quote einhalten wolltest, für mich war es etwas zu schnell. Ich musste mehrmals zurück und pausieren... aber ansonsten einfach nur TOP. Hab nun deinen Kanal abboniert ;-)

  • @fluffywaves5111
    @fluffywaves5111 2 ปีที่แล้ว +1

    Das Video ist so praktisch! Vielen lieben Dank, du bist ein Retter :)))

  • @dirkk.996
    @dirkk.996 11 หลายเดือนก่อน

    Super! Vielen Dank für dieses Quick-Tutorial!

  • @yucatek8116
    @yucatek8116 3 ปีที่แล้ว +1

    sehr gut und einfach erklärt , richtig gut .

  • @janhendry6884
    @janhendry6884 2 ปีที่แล้ว +1

    Perfekt erklärt. Genau auf dem Punkt! Danke :)

  • @BoyWhoLikesMinecraftPvp
    @BoyWhoLikesMinecraftPvp หลายเดือนก่อน

    Hilft mir extrem beim lernen für einen Test

  • @TheNoobOriginal
    @TheNoobOriginal 6 หลายเดือนก่อน

    mal wieder ein sehr gutes vide habe heute wieder viel mitnehmen können danke sehr sie sind mir einen große hilfe

  • @fuchsi3148
    @fuchsi3148 วันที่ผ่านมา

    perfekte erklärung danke!

  • @leonard3468
    @leonard3468 10 หลายเดือนก่อน

    Sehr cool, ich werde dieses Video in Zukunft zum nachschlagen verwenden, wenn ich mal ein Grid bauen möchte.

  • @ledom995
    @ledom995 11 วันที่ผ่านมา

    Danke, ich muss das für die Prüfung lernen

  • @unamgege
    @unamgege 2 ปีที่แล้ว

    Danke vielmals für dieses Video!

  • @delfin7743
    @delfin7743 2 ปีที่แล้ว

    Richtig gutes Video. Alles was ich wissen will ist drin und noch mehr 👍👍 So wünscht man sich das!

  • @destroylevi
    @destroylevi 2 ปีที่แล้ว

    Super erklärt, dankeschön!

  • @soppo1086
    @soppo1086 10 หลายเดือนก่อน +1

    wenn ich den einzelnen items ihre class "item xy" gebe und die Eigenschaften grid-column und grid-row verwende, benötige ich die grid container class die zuvor angelegt wurde nicht oder?
    Danke für das super Video

  • @martapfahl940
    @martapfahl940 2 ปีที่แล้ว

    Top ich danke dir! Grid Area hat mir mein Problem gelöst :D

  • @angelabrunnen8702
    @angelabrunnen8702 ปีที่แล้ว

    Wow vielen lieben Dank. Konnte man nicht besser erklären

  • @ahmadhussien1636
    @ahmadhussien1636 8 หลายเดือนก่อน

    Super erklärt. Danke

  • @cfo3049
    @cfo3049 2 ปีที่แล้ว

    Super erklärt, vielen Dank🙏

  • @noiseless2
    @noiseless2 ปีที่แล้ว

    Klasse Video , kurz knapp knackig 😅 🎉

  • @jonas5590
    @jonas5590 2 ปีที่แล้ว +1

    top videos!! viel zu wenig Aufmerksamkeit die Videos sind so gut in so kurzer Zeit erklärt weiter so

  • @scaregrow1927
    @scaregrow1927 2 ปีที่แล้ว

    Vieleb vielen dank dafür!!!!

  • @projektwoodbot1186
    @projektwoodbot1186 11 หลายเดือนก่อน

    Sehr starkes Video 👍 Danke Dir!

  • @tonisylla7052
    @tonisylla7052 7 หลายเดือนก่อน

    Wirklich gut.

  • @goldmund3471
    @goldmund3471 3 หลายเดือนก่อน

    sehr gute Videos - top!

  • @tinobernhardt3806
    @tinobernhardt3806 2 ปีที่แล้ว

    Super erklärt. Danke

  • @DavidsKanal
    @DavidsKanal 2 ปีที่แล้ว

    Nutty! Dange schön

  • @MhLiMz
    @MhLiMz 6 หลายเดือนก่อน

    5:22 Überall haben die Architekten von CSS eine Trennung mit Leerzeichen festgelegt, aber hier muss man mit / trennen.🤯

  • @dasbrot5631
    @dasbrot5631 2 ปีที่แล้ว

    Super erklärt. Vielen Dank.
    Welchen Editor nutzt du?

    • @coding-kurzundknapp
      @coding-kurzundknapp  2 ปีที่แล้ว +1

      Danke für das Lob. Der Editor ist Visual Studio Code.

  • @MegaHammer96
    @MegaHammer96 2 ปีที่แล้ว

    Super erklärt! Danke🙂gibt es eine Möglichkeit zwei Spalten unterschiedlich voneinander vertikal zu scrollen?

  • @ThatWasFail
    @ThatWasFail ปีที่แล้ว

    nice danke, hättest am anfang noch kurz das basic-style.css zeigen können, ich als anfänger wusste erst nicht warum du kasten in der vorschau hast und ich nicht als ich den grid-style.css nachgebaut habe.

  • @yomiya1798
    @yomiya1798 ปีที่แล้ว

    DU ERKLÄRST BESSER ALS MEINE INFORMATIK LEHRERIN😭

  • @franzpaterna8271
    @franzpaterna8271 10 หลายเดือนก่อน

    Wo stellst Du die Hintergrundfarbe für die Items ein? Gap funktioniert nicht.

  • @tja__7984
    @tja__7984 7 หลายเดือนก่อน

    Ich habe es genau gleich wie im Video in meinem Style css geschrieben aber es werden keine Kasten angezeigt sondern nur die Zahlen. Was habe ich falsch gemacht ?

  • @abunayif3730
    @abunayif3730 2 ปีที่แล้ว

    Top Video

  • @user-lr2kk4gf8v
    @user-lr2kk4gf8v 11 หลายเดือนก่อน

    Wie füge ich ein Bild zum Beispiel
    in item-1 ein?

    • @coding-kurzundknapp
      @coding-kurzundknapp  11 หลายเดือนก่อน +1

      Du könntest dafür das Tag benutzen und dieses in das item-1 reinpacken. In CSS müsstest du anschließend das Bild positionieren und eventuell die Seitenränder anpassen, indem du die height und width vom Bild einstellst und eventuell overflow: hidden beim item-1 festlegst, damit das Bild nicht overflowt.

    • @jaleels.1137
      @jaleels.1137 11 หลายเดือนก่อน

      Würde das auch gehen,wenn ich den items-1 direkt anspreche im css:
      .items-1{
      Background-Image: url….()?

  • @isabellagrozdanic7729
    @isabellagrozdanic7729 2 ปีที่แล้ว

    im video ganz am anfang , was genau ist der unterschied in CSS wenn man .grid.container div {} anstatt .grid.container {} schreibt? CSS weiß ja durch den punkt das der div container angesprochen wurde

  • @Bravox84
    @Bravox84 ปีที่แล้ว

    Kann ein Grid-Item auch floaten? Also, z. B. Text um ein Bild, welches im einem Raster sitzt?

  • @jaleels.1137
    @jaleels.1137 11 หลายเดือนก่อน

    Würde das auch gehen,wenn ich den items-1 direkt anspreche im css:
    .items-1{
    Background-Image: url….()?

  • @ritatidevelopment7532
    @ritatidevelopment7532 3 ปีที่แล้ว

    Nice

  • @aliscripts5314
    @aliscripts5314 2 ปีที่แล้ว

    👍

  • @pxlloewe1481
    @pxlloewe1481 2 ปีที่แล้ว

    Hi, hab mal eben mein Wissen über Grids aufgefrischt, aber eine Sache fehlt mir. Wie siehts mit overflow aus? Wenn ich z.b. ein Grid mit zwei Spalten habe und in der Rechten Spalte ein Formular etc. Habe dass aber nicht über seine grid-area hinaus gehen soll

  • @crazypanda6535
    @crazypanda6535 2 ปีที่แล้ว

    Ich liebe dich!!!!!!!!!!!

  • @wlad3933
    @wlad3933 ปีที่แล้ว +1

    bei mir kommen nur zahlen raus

  • @Davti555
    @Davti555 2 ปีที่แล้ว

    ehre

  • @georghartmann201
    @georghartmann201 ปีที่แล้ว

    Wow, besser geht‘s nicht… !!! Nur die Widergabegeschwindigkeit musste ich auf 0,75 einstellen, bei Standard bin ich einfach nicht mitgekommen. 😊

  • @tj_1260
    @tj_1260 3 ปีที่แล้ว

    Fnl

  • @henningPietsch
    @henningPietsch 2 ปีที่แล้ว +2

    Bitte langsamer sprechen.

    • @Dawydos
      @Dawydos 7 หลายเดือนก่อน

      Das ist die umgekehrte Psychologie das es dir am besten so oft wie es geht anschaust .. und das selbständig zur Kunst machst .. wiederhole das Video während du programmierst immer zu der Stelle .. Du brauchst dann keine 30 min um es zu verstehen .. vielen Dank für diesen TH-cam Channel und für den Content.. du bist eine Maschine !!

  • @73yy
    @73yy 2 ปีที่แล้ว

    hätte mir gerne fürs verständnis die werte in "basic-styles.css" angucken können aber man sieht im video nur ein teil davon^^
    ansonsten gutes video :)