diff --git a/music.html b/music.html
index 1092f2e0..eb35a653 100644
--- a/music.html
+++ b/music.html
@@ -3,35 +3,36 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Music Production Courses | Learn Music Production</title>
-    <meta name="description" content="Explore our Music Production courses covering Music Composition, Sound Design, Recording, and more. Enroll now and build your Modern Physics skills.">
+    <title>Music Production Courses</title>
+    <meta name="description" content="Discover courses in various subjects. Enroll now and expand your knowledge!">
     <link rel="stylesheet" href="./assets/css/style.css">
     <link rel="shortcut icon" href="./favicon.svg" type="image/svg+xml">
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css">
 </head>
-<body>
-    
-    <section class="section courses has-bg-image">
-        <div class="container">
 
-                <p class="title-sm text-center section-subtitle" id="data-science-label">Explore Courses</p>
+<body class="overflow-y-auto h-screen bg-light-coral">
     
-                <h2 class="headline-md text-center section-title">
-                    Music Production <span class="span has-after">Courses</span>
-                </h2>
+    <section class="section courses p-4 bg-light-coral">
+        <div class="container mx-auto">
+
+            <p class="title-sm text-center section-subtitle" id="data-science-label">Explore Courses</p>
     
-                <p class="text-center description">
-                    Music Production involves the creation and development of music tracks, from recording to mixing and mastering. Our courses cover essential skills like audio engineering, sound design, and digital production techniques. Learn how to produce high-quality music and bring your creative vision to life!
-                </p>
+            <h2 class="headline-md text-center section-title mb-4">
+                Music Production <span class="span has-after">Courses</span>
+            </h2>
     
-                <ul class="grid-list">
+            <p class="text-center description mb-6">
+                Music Production involves the creation and development of music tracks, from recording to mixing and mastering. Our courses cover essential skills like audio engineering, sound design, and digital production techniques. Learn how to produce high-quality music and bring your creative vision to life!
+            </p>
+            <div>
+                <ul class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
                     <li>
-                        <div class="card course-card">
-                            <div class="card-icon">
-                                <img src="./assets/images/music/music.jpg" width="300" height="100" loading="lazy"
-                                    alt="Introduction to Music Production course overview image">
+                        <div class="card course-card bg-white rounded-lg shadow-md p-4 text-center">
+                            <div class="card-icon mb-2">
+                                <img src="./assets/images/music/music.jpg" class="w-full h-64 object-contain rounded-lg" loading="lazy" alt="Introduction to Music Production course overview image">
                             </div>
                             <div>
-                                <h3 class="title-lg">Introduction to Music Production</h3>
+                                <h3 class="title-lg font-bold">Introduction to Music Production</h3>
                                 <p class="title-sm">Duration: 4 weeks</p>
                             </div>
                             <a href="course-intro-Music-Production.html" class="layer-link" aria-label="Learn more about Introduction to Music Production"></a>
@@ -39,13 +40,12 @@ <h3 class="title-lg">Introduction to Music Production</h3>
                     </li>
     
                     <li>
-                        <div class="card course-card">
-                            <div class="card-icon">
-                                <img src="./assets/images/music/composition.jpg" width="300" height="100" loading="lazy"
-                                    alt="Music Composition image">
+                        <div class="card course-card bg-white rounded-lg shadow-md p-4 text-center">
+                            <div class="card-icon mb-2">
+                                <img src="./assets/images/music/composition.jpg" class="w-full h-64 object-contain rounded-lg" loading="lazy" alt="Music Composition image">
                             </div>
                             <div>
-                                <h3 class="title-lg">Music Composition</h3>
+                                <h3 class="title-lg font-bold">Music Composition</h3>
                                 <p class="title-sm">Duration: 6 weeks</p>
                             </div>
                             <a href="course-Music-composition.html" class="layer-link" aria-label="Learn more about Music Composition"></a>
@@ -53,13 +53,12 @@ <h3 class="title-lg">Music Composition</h3>
                     </li>
     
                     <li>
-                        <div class="card course-card">
-                            <div class="card-icon">
-                                <img src="./assets/images/music/sound.jpg" width="300" height="100" loading="lazy"
-                                    alt="Learn Sound Design overview image">
+                        <div class="card course-card bg-white rounded-lg shadow-md p-4 text-center">
+                            <div class="card-icon mb-2">
+                                <img src="./assets/images/music/sound.jpg" class="w-full h-64 object-contain rounded-lg" loading="lazy" alt="Learn Sound Design overview image">
                             </div>
                             <div>
-                                <h3 class="title-lg">Sound Design</h3>
+                                <h3 class="title-lg font-bold">Sound Design</h3>
                                 <p class="title-sm">Duration: 5 weeks</p>
                             </div>
                             <a href="course-Sound-Design.html" class="layer-link" aria-label="Learn more about Sound Design"></a>
@@ -67,13 +66,12 @@ <h3 class="title-lg">Sound Design</h3>
                     </li>
     
                     <li>
-                        <div class="card course-card">
-                            <div class="card-icon">
-                                <img src="./assets/images/music/Recording.jpg" width="300" height="100" loading="lazy"
-                                    alt="Recording Concepts course overview image">
+                        <div class="card course-card bg-white rounded-lg shadow-md p-4 text-center">
+                            <div class="card-icon mb-2">
+                                <img src="./assets/images/music/Recording.jpg" class="w-full h-64 object-contain rounded-lg" loading="lazy" alt="Recording Concepts course overview image">
                             </div>
                             <div>
-                                <h3 class="title-lg">Recording</h3>
+                                <h3 class="title-lg font-bold">Recording</h3>
                                 <p class="title-sm">Duration: 8 weeks</p>
                             </div>
                             <a href="course-Recording.html" class="layer-link" aria-label="Learn more about Recording Concepts"></a>
@@ -81,25 +79,21 @@ <h3 class="title-lg">Recording</h3>
                     </li>
     
                     <li>
-                        <div class="card course-card">
-                            <div class="card-icon">
-                                <img src="./assets/images/music/editing.jpg" width="300" height="100" loading="lazy"
-                                    alt="Editing course overview image">
+                        <div class="card course-card bg-white rounded-lg shadow-md p-4 text-center">
+                            <div class="card-icon mb-2">
+                                <img src="./assets/images/music/editing.jpg" class="w-full h-64 object-contain rounded-lg" loading="lazy" alt="Editing course overview image">
                             </div>
                             <div>
-                                <h3 class="title-lg">Editing</h3>
+                                <h3 class="title-lg font-bold">Editing</h3>
                                 <p class="title-sm">Duration: 10 weeks</p>
                             </div>
                             <a href="course-Editing.html" class="layer-link" aria-label="Learn more about Editing"></a>
                         </div>
                     </li>
-    
                 </ul>
-                
-                <a href="enroll.html" class="btn btn-primary">Enroll in a Course</a>
-    
-            
+            </div>   
+            <a href="enroll.html" class="btn btn-primary mt-6 inline-block px-4 py-2 bg-blue-600 text-white rounded hover:bg-blue-700">Enroll in a Course</a>
         </div>
     </section>
 </body>
-</html>
\ No newline at end of file
+</html>
