[feat] change specific css

- change title
- make border thin
- place description in left

src/component/Artwork.tsx

@@ -118,14 +118,14 @@ export default function Artwork() {
           transitionEnter={false}
           transitionLeave={false}
         >
-          <div className="grid md:grid-cols-2 md:grid-rows-1 sm:grid-rows-2 sm:grid-cols-1 place-items-center md:border-x-2 bg-white">
+          <div className="grid md:grid-cols-2 md:grid-rows-1 sm:grid-rows-2 sm:grid-cols-1 place-items-center md:border-x-1.5 bg-white">
             <img
               src={fetched["primaryImage"] + "?tr=w-1,h-1"}
               alt={"artwork image"}
               className="p-8 md:max-w-md lg:max-w-lg"
               loading="lazy"
             />
-            <div className="flex flex-col border-l-4 border-slate-300 p-4">
+            <div className="flex flex-col border-l-2 border-slate-300 p-4">
               <div
                 className="flex flex-row flex-wrap transition ease-in-out delay-150 hover:scale-105 hover:text-slate-500 duration-150 justify-self-start tracking-tight font-extrabold bg-white text-slate-900 text-3xl md:text-2xl sm:text-lg mb-2"
                 onClick={searchTitle}

src/component/NavigationBar.tsx

@@ -4,7 +4,7 @@ export default function NavigationBar() {
     <div className="nav bg-white underline underline-offset-4 border-y-2 border-slate-800 text-left grid grid-cols-4 pt-2 pb-2 place-items-center">
       <Link
         to="/"
-        className="text-slate-800 font-extrabold text-3xl md:text-2xl sm:text-lg col-span-3 mx-auto ml-8 text"
+        className="text-slate-800 font-extrabold text-3xl md:text-xl sm:text-md col-span-3 mx-auto ml-8 text"
       >
         Today's Artwork
       </Link>

src/component/SimpleArtwork.tsx

@@ -51,7 +51,7 @@ export default function SimpleArtwork() {
               className="self-center md:max-w-md lg:max-w-lg"
             />
 
-            <div className="m-4 p-2 self-center border-l-4 border-r-4 border-slate-200">
+            <div className="m-4 p-2 self-left border-l-2 border-slate-200">
               <h2 className="text-slate-900 text-md text-gray-900 mb-2">
                 {artwork.title}
               </h2>