fix mobile. trim

client/src/App.css

@@ -165,7 +165,7 @@ h1 {
     padding: 0;
   }
 
-  .ais-Hits-list {
+  .ais-Hits-list, .ais-InfiniteHits-list {
     grid-template-columns: 1fr;
   }
 }

client/src/App.js

@@ -25,6 +25,7 @@ const { searchClient } = instantMeiliSearch(
   {
     finitePagination: false,
     placeholderSearch: true,
+    attributesToSnippet: ['text:40'],
   }
 );
 
@@ -40,7 +41,9 @@ const placeholders = [
   'we are not the same',
   'anarchy',
   'goblin',
-  'wise'
+  'wise',
+  'look inside',
+  'gorilla warfare',
 ]
 
 
@@ -69,8 +72,8 @@ const App = () => (
 );
 
 const Hit = ({ hit }) => (
-  <div class="hit" key={hit.id}>
-    <a href={hit.url} class="img" target="_blank" rel="noreferrer">
+  <div className="hit" key={hit.id}>
+    <a href={hit.url} className="img" target="_blank" rel="noreferrer">
       <img src={hit.url} alt={hit.text} />
     </a>
     <div className="info">

src/util.reset.meili.ts

@@ -0,0 +1,6 @@
+import "dotenv/config"
+
+import createServices from "./services"
+const { memes } = await createServices()
+await memes.resetMeili();
+