Das habe ICH noch NIE gezeigt | CSS mit Mario #4 | 2024

Поділитися
Вставка
  • Опубліковано 16 гру 2024

КОМЕНТАРІ • 26

  • @SashMoe
    @SashMoe Місяць тому +3

    Für mich der beste und angenehmste Dozent auf UA-cam!

  • @WunderProgrammation
    @WunderProgrammation Місяць тому +2

    Genial erklärt - exakt das Dev-Know-how, das ich als frisch gebackener Code-Nerd brauche! Danke, Mario, das ist Nerd-Turbo vom Feinsten! Udemy kann einpacken.

  • @andreaskruger7128
    @andreaskruger7128 Місяць тому +2

    Vielen Dank für deine große Mühe!

  • @reinharddiekers7127
    @reinharddiekers7127 Місяць тому +2

    wieder ein Super Video. Klasse und Danke

  • @And1User1987
    @And1User1987 Місяць тому +2

    wie geil ist bitte grid-template-colums: repeat(auto-fill, minmax()); und die min(); funktion beim elterncontainer!? ich hab bisher alles mit media queries gemacht. Das ist definitiv komplizierter. Und einfach nur columns statt grid oder flex macht ein sehr schönes "masonry" layout, solange bis grid masonry unterstützt wird. Sehr geiles Video!

  • @herzbertrattensack3933
    @herzbertrattensack3933 Місяць тому +1

    Der Beste 👍🙋‍♂.

  • @MyOliver64
    @MyOliver64 Місяць тому +1

    Super Video, (wie immer) vom House-Of-Cards-Master Mario.

  • @tymo3391
    @tymo3391 Місяць тому +2

    cool, die variante mit der css columns property kannte ich noch gar nicht 😊👍

    • @ProgrammierenMario
      @ProgrammierenMario  Місяць тому +1

      Freut mich sehr das ich dir was Neues zeigen konnte ✌️

  • @K_Andreas
    @K_Andreas Місяць тому +2

    Vielen Dank, Mario. Da habe ich wieder mal was dazugelernt. Super! 👍
    Kannst du mal zeigen, wie Du die Firefox-Entwickler-Version verwendest? Ich hab die wieder gelöscht, nachdem ich damit nichts anfangen konnte. 😂

    • @ProgrammierenMario
      @ProgrammierenMario  Місяць тому +1

      Gute Idee! Danke dir. Bist ja auch immer direkt der Erste in letzter Zeit ✌️☕️

    • @K_Andreas
      @K_Andreas Місяць тому

      @@ProgrammierenMario Hallo Mario, da gibt es bei den Grid-Eigenschaften noch Möglichkeiten mit „place-items: / “ und „place content: / “ die cards zu positionieren. Hast Du das auch schon mal probiert? Und bei w3schools habe ich ein HowTo - Responsive Image Grid gefunden. Hier arbeitet man mit einem div class="row" in dem sich divs mit der Class="column" befinden. In CSS schreibt man dann unter anderem: .row {display: flex; flex-wrap: wrap; padding: 0 4px;} und .column {flex: 25%; max-width: 25%; padding: 0 4px;} Wie findest Du diese Lösung? 🤗🤔☕

  • @ch_ruda
    @ch_ruda 27 днів тому +1

    Geil, jetzt muss ich nur noch die #3 finden 🤣

    • @ProgrammierenMario
      @ProgrammierenMario  27 днів тому

      CSS mit Mario | 2024
      ua-cam.com/play/PLnqycjkeRGqlvmT1n8L8NstlDftDoVaI5.html

    • @ch_ruda
      @ch_ruda 27 днів тому +1

      Vielen Dank Mario! Werde mich heute abend dran setzen.

  • @Bergwichtel_926NN
    @Bergwichtel_926NN Місяць тому

    Danke für das Video.
    columns setze ich schon seit längerem ein, da ich die Anordnung wie bei Zeitungsspalten haben möchte. Leider habe ich das Problem, das meine Cards (mit flex column: h4,a,p) häufig zerrissen werden. In Deinem Video habe ich den Effekt nicht gesehen. Wie hält man die Cards zusammen, so daß die Cards verteilt werden und nicht der gesamte Inhalt.
    Zum einfachen testen: drei Cards mit flex und drei Textelementen drin und diese in einem zweispaltigen Container.

  • @igorbonicib
    @igorbonicib Місяць тому +1

    Servus Mario ist das PHP Tutorial nur gegen Mitgliedschaft oder kommt das irgendwann verspätet raus ? Lg

    • @ProgrammierenMario
      @ProgrammierenMario  Місяць тому

      Der PHP Kurs kommt wenn er komplett durch ist auch als ein Video für alle raus. Kann aber noch gut 1-2 Monate dauern. Wenn du mich solange unterstützen magst, würde ich mich natürlich freuen. Grüße und schönes Wochenende!

  • @KevinGeller
    @KevinGeller Місяць тому +1

    Ich vermute dass wir beide das gleiche Video gesehen haben, müsste Kevin powell oder Luna dev gewesen sein.

  • @whateverbefore
    @whateverbefore Місяць тому

    .row {width: 100%; float: left; clear: both; }
    .row .card {display: block; width: 23%; margin: 0 1%; float: left; }
    box model ist aber nur was für männer mit brusthaaren... =)