Créer une belle carte avec CSS GRID

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

КОМЕНТАРІ • 22

  • @sebt2994
    @sebt2994 2 роки тому

    merci pour l'astuce background-size !!!!! super pratique :) !

  • @ahmedtoure6128
    @ahmedtoure6128 2 роки тому

    Excellente vidéo.

  • @duboiseben4582
    @duboiseben4582 4 роки тому +1

    Aux alentours de 15'50 y a le pouce bleue qui apparaît. A partir de 16'20 il y a les cloches naturelles proche de chez toi qui sonnent. Je me permets une suggestion (A ce moment tu aurais pu faire apparaître une cloche pour s'abonner) :)
    Autrement encore une vidéo qui explique toujours aussi bien. Le chirurgien du CSS !!!

    • @EcoleduWeb
      @EcoleduWeb  4 роки тому +2

      Bonne idée aha tu as l'oreille !

  • @samsamou8
    @samsamou8 Рік тому

    Comme toujours excellent tuto.
    Par contre pourquoi met tu display:block; pour ensuite mettre display:flex; a la fin de ta video?

  • @yannickc8669
    @yannickc8669 3 роки тому

    Merci pour ce tuto, excellent!
    Ce qui pouvait paraître complexe semble finalement très simple à l’usage grâce à tes explications.
    J’ai juste une petite question, pourquoi tu crées 2 lignes (2 rangs) pour l’image et pas une seule plus haute?
    Merci

  • @bonjourjourbon5675
    @bonjourjourbon5675 5 років тому

    Super merci Enzo :)

  • @marcusislion
    @marcusislion 3 роки тому

    Bonjour, petit problème avec moi la carte ne s'affiche pas correctement...

  • @arnaudbastard6300
    @arnaudbastard6300 2 роки тому

    Merci pour cette vidéo ! J'aurais juste une remarque et une question : 1) Dès que tu as ajouté l'image à la carte, le border-radius a disparu en haut, l'image l'a recouvert. 2) Je n'ai pas compris pourquoi tu mets au niveau du CSS de la carte un top et un left en plus de transform:translate(-50%, -50%).

  • @EcoleduWeb
    @EcoleduWeb  Рік тому

    🎓 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/

  • @sciences-sci
    @sciences-sci 2 роки тому

    Pour les lignes de rangées et colonnes passe par l'inspecteur de freebox c'est plus visible que chrome,

    • @EcoleduWeb
      @EcoleduWeb  2 роки тому +1

      Plus aujourd'hui, Chrome a mis en place une fonctionnalité sympa pour voir les grilles dans "Elements"

    • @sciences-sci
      @sciences-sci 2 роки тому

      @@EcoleduWeb oui, je viens de la voir

  • @xavierpierre5586
    @xavierpierre5586 3 роки тому

    merci, une question est-ce qu'en faisant comme ça la carte est responsible je demande car tu lui as assigné une hauteur / largeur de base ? En tout cas comme d'hab super vidéo et la carte est super classe

    • @EcoleduWeb
      @EcoleduWeb  3 роки тому +1

      Ajoute des valeurs relatives à la width ou utilise des medias queries ou les deux ;)

  • @music-4-ever704
    @music-4-ever704 5 років тому

    Je ne connaissais pas du tout ces fonctionnalités et cela m'ouvre énormément de perspectives !!! MERCI !!!
    Par contre, à 12:00 j'ai du mal à comprendre pourquoi dans la grid, on part de la colonne 1 à la 4 puisqu'il n'y en a que 3...

    • @EcoleduWeb
      @EcoleduWeb  5 років тому +1

      Car une colonne possède deux lignes, une de début et de fin, donc imaginons qu'il n'y a qu'une seule colonne, cela fait une ligne de début et une de fin.
      Donc trois colonnes = 4 lignes
      une image pour illustrer : www.google.com/search?q=css+grid&rlz=1C1CHBF_frFR797ES797&sxsrf=ACYBGNQy5qVx1LLaJy9XqHCIRNWmyYzDJw:1576697090101&source=lnms&tbm=isch&sa=X&ved=2ahUKEwiW8uSv9r_mAhWKBGMBHaz_AbEQ_AUoAXoECBEQAw&biw=1536&bih=780#imgrc=RWdySlE2mJT_jM:

    • @music-4-ever704
      @music-4-ever704 5 років тому

      @@EcoleduWeb Merci pour ta réponse Enzo, mais je pense que je vais passer à la pratiquer et me faire un petit bac-à-sable pour tester par moi-même ;-)
      Encore une fois, merci pour tes vidéos, elles sont très enrichissantes et me donnent plein d'idées !!!

    • @EcoleduWeb
      @EcoleduWeb  5 років тому +1

      @@music-4-ever704 Merci pour le soutien et la pratique c'est la clé ;)

  • @darkodeur9603
    @darkodeur9603 5 років тому

    Salut Enzo, doit on toujours utiliser des div lorsque l'on fait du grid?

    • @EcoleduWeb
      @EcoleduWeb  5 років тому

      Bonne question, tous les éléments peuvent être placés dans la grille (p,h1) ou encore des éléments sémantiques(section, header).

    • @darkodeur9603
      @darkodeur9603 5 років тому +1

      @@EcoleduWeb Super merci je me posais cette question par rapport au référencement ;-)