Partage
  • Partager sur Facebook
  • Partager sur Twitter

Problème lié avec display:grid;

Sujet résolu
SayGames
    14 janvier 2019 à 18:54:57

    Je viens de recommencer à coder html/css il y à quelques jours en pensant ne pas avoir oublié les astuces utiles notamment avec le display:grid; 

    Je ne vois pas l'erreur et ça me turlupine énormément.

    <!DOCTYPE html>
<html>
<head>
  <title>gwweg</title>
	<style type="text/css">
		

		.mygrid{

			display: grid;
			grid-template-columns: 20%, 80%;

		}

	</style>
</head>
<body>


	<div class="mygrid">
		

		<div style="background-color: red;">w</div>
		<div style="background-color: blue;">w</div>


	</div>


</body>
</html>

    Aucune séparation ne se fait entre les enfants de ma div en display grid, j'ai beau lire toute la docu mais rien ne me saute aux yeux.

    Help ?

    UPDATE:

    my bad,

    grid-template-columns: 20%, 80%;

    devient:

    grid-template-columns: 20% 80%;

    -
    Edité par SayGames 14 janvier 2019 à 20:47:09

    • Partager sur Facebook
    • Partager sur Twitter

    Problème lié avec display:grid;

    × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
    × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
    • Editeur ●
    • Markdown