Code-Fixes

Author: CodeMonitor-lab

React-Cards-Layout/src/components/CardDetail.jsx

@@ -21,7 +21,7 @@ const CardDetail = () => {
     <main className='bg-sky-200 min-w-screen min-h-screen'>
       <section className='bg-blue-500 min-h-screen p-5 flex  items-center justify-center ' >
         <article className='p-5 bg-red-400 ' >
-          <p className='mb-5 font-black' > Post Id : {post.id}</p>
+          <p className='mb-5 font-black bg-center bg-cover ' > Post Id : {post.id}</p>
         <img className='w-full  h-80 '  src={post.img} alt="Content-image" loading='lazy' />
         <h1 className='font-bold text-3xl mt-5 text-black' >{post.tittle}</h1>
         <p className='text-2xl font-mono pt-2 pb-5' >{post.Content}</p>

React-Cards-Layout/vite.config.js

@@ -5,5 +5,4 @@ import tailwindcss from '@tailwindcss/vite'
 // https://vite.dev/config/
 export default defineConfig({
   plugins: [react(),tailwindcss()],
-  base:'/React-Revisions/React-Cards-Layout/',
 })