body {background-color:#BBFCE6; color: green}
	a:link { text-decoration: none; color: red;}
   .imgb img {width: 80px;}
   .imgp img {width: 70px; height:70px;}
   
.gridx
{
    display: grid;    
    grid-auto-flow: row dense;
    grid-gap: 5px;
    grid-template-columns: repeat(auto-fit, minmax(80px, 1fr));
}
/*
    grid: auto-flow 80px / auto;
    grid-auto-columns: auto;
		grid: auto-flow auto / 100px 100px 100px;
    grid-template-rows: auto auto;
    grid-auto-rows: 100px 150px;
    grid-auto-flow: row;
    grid-auto-flow: column;
*/
[class^='g'] 
{
	display: grid; 	align-items: start; justify-content: start; 
	font-size: 15px; 
/*	color: red;*/
}


@media screen and (min-width:800px)
{
	imgb { max-width: 20%;}
	.bouton imgb {max-width:7%;}
}