body {background-color:#BBFCE6; color: green}
	a:link { text-decoration: none; color: red;}
   .imgb img {width: 80px;}
	 .img150 img {width: 150px;}
	 
.gridx
{
    display: grid;    
    grid-auto-flow: row dense;
    grid-gap: 7px;
    grid-template-columns: repeat(auto-fit, minmax(80px, 1fr));
}
.gridy
{
    display: grid;    
    align-items: left;
    gap: 10px;
/*    grid-template-columns: repeat(auto-fit, minmax(80px, 1fr));*/
}

.grid150
{
    display: grid;    
    grid-auto-flow: row dense;
    grid-gap: 7px;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}

.flexy
{
	display: flex;
/*	padding: 10px;*/
	gap: 0px 10px;
	justify-content: start;
	align-items: flex-start;
}

[class^='g'] 
{
	display: grid; 	align-items: start; justify-content: start; 
	font-size: 15px; 
}

[class^='h'] 
{
	display: grid; 	align-items: start; justify-content: start; 
	font-size: 15px; 
	
}

/*[class^='h'] 
{
	display: flex; 	align-items: flex-start; 
	font-size: 15px; 
	/*padding: 10px;*/
}
*/

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