six tiles fir horizontally now

web/main.js

@@ -548,7 +548,7 @@ const model = {
     renderPokemon(this.nameSearchResults ?? [], nameSearchResultsTarget);
   },
 
-  resultsToDisplay: 10,
+  resultsToDisplay: 6,
 
   setResultsToDisplay(count) {
     colorDisplayElements.output.value = this.resultsToDisplay = clamp(0, count, 100);
@@ -584,7 +584,7 @@ const model = {
 
 nameSearchFormElements.input.addEventListener("input", ({ target: { value } }) => {
   model.setNameSearchResults(
-    pokemonLookup.search(value, { limit: 40 }).map(({ item }) => item)
+    pokemonLookup.search(value, { limit: 36 }).map(({ item }) => item)
   );
 });
 
@@ -601,7 +601,7 @@ nameSearchFormElements.clear.addEventListener("click", () => {
 nameSearchFormElements.random.addEventListener("click", () => {
   model.setNameSearchResults(
     Array.from(
-      { length: 40 },
+      { length: 36 },
       () => pokemonData[Math.floor(Math.random() * pokemonData.length)]
     )
   );
@@ -633,11 +633,11 @@ const randomizeTargetColor = () =>
 targetColorElements.randomColor.addEventListener("click", randomizeTargetColor);
 
 colorDisplayElements.lessResults.addEventListener("click", () => {
-  model.setResultsToDisplay(model.resultsToDisplay - 10);
+  model.setResultsToDisplay(model.resultsToDisplay - 6);
 });
 
 colorDisplayElements.moreResults.addEventListener("click", () => {
-  model.setResultsToDisplay(model.resultsToDisplay + 10);
+  model.setResultsToDisplay(model.resultsToDisplay + 6);
 });
 
 Array.from(filterElements).forEach(el =>