From de9624393cb85277f71c46e6bc6028e536a0a938 Mon Sep 17 00:00:00 2001
From: Wes Bos <wesbos@gmail.com>
Date: Thu, 23 Feb 2023 10:52:50 -0500
Subject: [PATCH] try inline

---
 src/components/Person.js | 2 +-
 src/styles.css           | 4 ----
 2 files changed, 1 insertion(+), 5 deletions(-)

diff --git a/src/components/Person.js b/src/components/Person.js
index 9f359179..b84715e8 100644
--- a/src/components/Person.js
+++ b/src/components/Person.js
@@ -12,7 +12,7 @@ export default function Person({ person }) {
   const img = `https://images.weserv.nl/?url=${unavatar}&w=100&l=9&af&il&n=-1`;
   const { tag: currentTag } = useParams();
   return (
-    <div className="PersonWrapper">
+    <div className="PersonWrapper" style={{ contentVisibility: "auto" }}>
       <div className="PersonInner">
         <header>
           <img
diff --git a/src/styles.css b/src/styles.css
index 9c3e4d07..019853c8 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -97,10 +97,6 @@ body::-webkit-scrollbar-thumb {
   grid-template-rows: 1fr auto auto;
 }
 
-.PersonWrapper:nth-child(6n) ~ .PersonWrapper {
-  content-visibility: auto;
-}
-
 .PersonInner {
   padding: 2rem;