/*	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	*/

/* columns */

.row {
	display: flex;
	gap: 1rem;
}
.row > * {
	flex: 1;
}

@media only screen and ( max-width: 640px ) {
	.row { flex-direction: column; }
}
/* TO-DO: use a has:(nth-child(N) to set breakpoints at 300px intervals for rows with 2, 3, 4 … items… */


.row.spaced { 
	justify-content: space-between;
}

/* .row { display: grid; grid-auto-flow: column; gap: 1rem; } */


/*	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	*/


/* Images in other elements (emoji, etc.) */
p img,
li img,
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img,
blockquote img,
span img,
img.inline {
	display: inline;
}