diff --git a/My-First-Coding-Project.code-workspace b/My-First-Coding-Project.code-workspace
new file mode 100644
index 0000000..40fe023
--- /dev/null
+++ b/My-First-Coding-Project.code-workspace
@@ -0,0 +1,10 @@
+{
+	"folders": [
+		{
+			"path": "."
+		},
+		{
+			"path": "."
+		}
+	]
+}
\ No newline at end of file
diff --git a/index.html b/index.html
index 36159b0..dc67594 100644
--- a/index.html
+++ b/index.html
@@ -56,6 +56,28 @@ <h1 class="card-title">Pro</h1>
             </div>
             <button class="download-button">Get Pro</button>
         </div>
+        <div class="card">
+            <h1 class="card-title">Ultra</h1>
+            <p class="card-price">$200/mo.</p>
+            <div class="card-content">
+                <p class="includes-text">Everything in Pro, plus:</p>
+                <ul class="features-list">
+                    <li>
+                        <span class="checkmark">✓</span>
+                        Priority support
+                    </li>
+                    <li>
+                        <span class="checkmark">✓</span>
+                        Dedicated account manager
+                    </li>
+                    <li>
+                        <span class="checkmark">✓</span>
+                        Custom integrations
+                    </li>
+                </ul>
+            </div>
+            <button class="download-button">Get Ultra</button>
+        </div>
     </div>
 </body>
 </html>
diff --git a/styles.css b/styles.css
index a8d27e2..76e2b8d 100644
--- a/styles.css
+++ b/styles.css
@@ -17,17 +17,18 @@ body {
 .cards-container {
     display: flex;
     flex-direction: row;
-    gap: 24px;
+    gap: 32px;
     flex-wrap: nowrap;
     justify-content: center;
     align-items: flex-start;
 }
 
 .card {
-    background-color: #f2f1ed;
+    background-color: #dcdbd9;
     border-radius: 12px;
-    padding: 40px 32px;
+    padding: 16px;
     width: 320px;
+    min-height: 360px;
     flex-shrink: 0;
 }