Page responsive avec CSS Grid + Flexbox

Поделиться
HTML-код
  • Опубликовано: 4 окт 2024
  • 🎓 Tous mes cours sur l'École du Web (pour les obtenir tous d'un coup) : www.ecole-du-w...
    📚 Tous mes cours sur UDEMY : liste-des-cour...
    Code Source : codepen.io/Zir...
    🚀 1 Cours gratuit en t'abonnant à ma newsletter :
    www.le-designe...
    Le lien du Discord : / discord
    Ma chaine en Anglais :
    / @thewebschool
    Je suis aussi sur la plateforme Tuto.com :
    fr.tuto.com/fo...

Комментарии • 40

  • @EcoleduWeb
    @EcoleduWeb  10 месяцев назад

    🎓 Tous mes cours sur l'École du Web (pour les obtenir tous d'un coup) : www.ecole-du-web.net/
    📚 Tous mes cours sur UDEMY : liste-des-cours.com/

  • @raymondferreux7716
    @raymondferreux7716 4 года назад +1

    Merci Enzo, cela parait super simple quand c'est toi qui explique ! Maintenant à nous de jouer.

  • @gindevgin9298
    @gindevgin9298 3 года назад

    j'avais pas la bonne approche mais maintenant j'y vois un peu plus clair avec css grid.. merci enzo!

  • @nicolasbarthes7622
    @nicolasbarthes7622 3 года назад

    Vraiment un super tuto ultra pédagogique en révision de Grid et Flexbox, et bien orienté responsive, c'est top ! Merci :)

    • @EcoleduWeb
      @EcoleduWeb  3 года назад

      Avec plaisir Nicolas ✌️

  • @Dimitri_Mintsa
    @Dimitri_Mintsa Год назад

    Parfait, je trouve enfin ce que je cherchais. Perso je suis dans le back-end mais le front-end j'aime aussi. 😄 Merci bien

  • @BenBoketshu
    @BenBoketshu Год назад

    Ta vidéo m'a tellement plu et aider que je vais créer un autre compte youtube pour m'abonner juste pour te remercier 😭❤ Tu as effacé la colère que j'avais face à mon code 😂😂
    Vraiment merci mec 🙏🏾😂❤

  • @Thoomasito
    @Thoomasito 6 месяцев назад +1

    je t'aime enzo !!!!!

    • @EcoleduWeb
      @EcoleduWeb  6 месяцев назад

      ❤‍🔥❤‍🔥❤‍🔥

  • @jrelwaldo
    @jrelwaldo 2 года назад

    Oufff! Merci énormément! Tu me sauves pas mal là!
    P.S: tutoie nous👍🏾!

  • @sebastienpinpin9763
    @sebastienpinpin9763 3 года назад

    sous Firefox, tu peut afficher les lignes, les numéros, les noms de zones. Pratique pour expliquer ;)

  • @christophemillot887
    @christophemillot887 2 года назад

    Très bonne vidéo. Limpide ! Merci !

  • @vivianmingaud7942
    @vivianmingaud7942 3 года назад

    Merci pour ce tuto, tu es un bon prof!!☺

  • @surfeurdestemps3193
    @surfeurdestemps3193 4 года назад

    Bonjour, merci pour cette video très instructive... on n'a pas besoin d'un framework css à tout prix ...donc là ça me va...je t'encourage à aller dans ce sens, 1 like et abonnement 😉

  • @calibecalibe8393
    @calibecalibe8393 2 года назад

    J'ai vraiment beaucoup aimé!!!

  • @ourielperez1646
    @ourielperez1646 2 года назад

    Génial !
    Merci beaucoup :)

  • @lucesdrasngossinga6986
    @lucesdrasngossinga6986 2 года назад

    Merci beaucoup !

  • @ichrakbouafif596
    @ichrakbouafif596 Год назад

    bravo et merci beaucoup ❤️

  • @xaviertomasi3716
    @xaviertomasi3716 3 года назад

    super vidéo, peut être une autre un peut plus poussé en contenu avec des GRID dans des GRID et plusieurs éléments histoires de les déplacer ... car pas évident :) MERCI

  • @benji5589
    @benji5589 4 года назад

    Merci pour la vidéo ça va m'aider.

  • @jlvjlv4448
    @jlvjlv4448 4 года назад

    merci pour ce tuto pratique

  • @sandrad.5799
    @sandrad.5799 3 года назад

    Super tuto pédagogique! par contre si je fais un transform: rotate(-90deg) dans .liste-sidenav, la fonctionnalité des liens se perd. Quel est l'explication svp?

  • @music-4-ever704
    @music-4-ever704 4 года назад

    Bon, ben, je sais ce qu'il me reste à faire...
    Merci Enzo !

  • @mikesalomon2695
    @mikesalomon2695 Год назад

    Bonjour et merci, aurais tu des exercices à nous suggérer ? Pour pratiquer

  • @mikesalomon2695
    @mikesalomon2695 Год назад

    Bonjour et merci beaucoup. A quoi sert before after dans le css au début ?

  • @xavierpierre5586
    @xavierpierre5586 3 года назад

    énorme wow :)

  • @enzodubois20
    @enzodubois20 Год назад

    Autant mettre le body en container

  • @antadopteuntrip7086
    @antadopteuntrip7086 3 года назад

    parfait

  • @benji5589
    @benji5589 4 года назад

    Tu pourrais me donner l'astuce pour quand je veux faire une barre de navigation responsive avec barre de recherche?

    • @EcoleduWeb
      @EcoleduWeb  4 года назад

      J'ai fait des vidéos sur les navbars, et tu as des tas d'exemples en ligne :)

  • @ggousier
    @ggousier 4 года назад

    Tu les connais par cœur les valeurs hexa des couleurs ? ^^ Beau boulot !

    • @EcoleduWeb
      @EcoleduWeb  4 года назад

      À force certaines oui mais j'ai du code à côté pour éviter de faire des blancs pendant les vidéos :)

  • @leogerard2973
    @leogerard2973 3 года назад

    Très cool cette vidéo ! Est ce qu'il est possible d'utiliser css grid en mettant des videos à la place des images ?

    • @EcoleduWeb
      @EcoleduWeb  3 года назад +1

      Bien-sûr!

    • @leogerard2973
      @leogerard2973 3 года назад

      @@EcoleduWeb Ah ouais ? En faite je sais pas si c'est normal mais lorsque je test mon bloc en responsive, aubout d'un certain point, mon contenu sort de la grid..

    • @leogerard2973
      @leogerard2973 3 года назад

      au temps pour moi, j'ai trouvé la solution, ouf ça fait 1 semaine mdr. Du coup à cette certaine taille j'utilise un media queries pour resize la taille de la video ;) Continue tes vidéos c'est un vrai plaisir d'apprendre avec toi ✌

  • @fafa92elsueno81
    @fafa92elsueno81 4 года назад +3

    Plus responsive que ça tu meurs : )

  • @alfredsam4199
    @alfredsam4199 2 года назад

    merci beaucoup!!