style.css

/* app couleurs */
body {
	text-align: center;
}
div {
	display: inline-block;
	text-align: center;
}
span {
	background-color: var(--bg-color, white);
	font-size: 80%;
}
p { text-align: center; }
section {	width: 100%;	}
section#input input {	width: 60%;	}
section#input button {	width: 20%;	}
section#names {	display: block;	}
section#names p {
	display: inline-block;
	width: 8em;
}
section#comparison div {
	display: inline-block;
	width: 50%;
	height: 12em;
}
section.codes {
	display: grid;
	display: inline-grid;
	justify-items: stretch;
	align-items: stretch;
	width: 50%;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}
/* affichage pour les tablettes */
@media (max-width: 992px){}
/* affichage pour les smartphones */
@media (max-width: 768px){
	section.codes {	width: 100%;	}
	section#comparison div {
		width: 100%;
		height: 6em;
	}
	section#input >* {	width: 100%;	}
}
@media print{}