Update README.md

README.md

@@ -6,65 +6,62 @@ colorTo: gray
 sdk: static
 pinned: false
 ---
-<div class="grid lg:grid-cols-3 gap-x-4 gap-y-7">
-    <p class="lg:col-span-3">
-        Vespa.ai is a platform for AI + data, online, at any scale.
-    </p>
-    <a href="https://vespa.ai" class="block overflow-hidden group">
-        <div
-            class="w-full h-40 object-cover mb-2 bg-indigo-100 rounded-lg flex items-center justify-center dark:bg-gray-900 dark:group-hover:bg-gray-850"
-        >
-            <img
-                alt="Vespa.ai Logo"
-                src="https://firebasestorage.googleapis.com/v0/b/standards-site-beta.appspot.com/o/documents%2F80o6wjeliok%2F762pe0angxc%2FVespa-logo-dark-rgb.svg?alt=media&token=08abbba9-d10f-4041-b4ec-5993d8d366eb"
-                class="w-40"
-            />
+<div style="display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px;">
+  <div style="grid-column: span 3;">
+    <div>
+      Vespa.ai is a platform for AI + data, online, at any scale.
+    </div>
+  </div>
+
+  <div>
+    <div style="overflow: hidden;">
+      <div style="width: 100%; height: 160px; background-color: #E0E7FF; border-radius: 8px; display: flex; align-items: center; justify-content: center;">
+        <div>
+          <img src="https://firebasestorage.googleapis.com/v0/b/standards-site-beta.appspot.com/o/documents%2F80o6wjeliok%2F762pe0angxc%2FVespa-logo-dark-rgb.svg?alt=media&token=08abbba9-d10f-4041-b4ec-5993d8d366eb" alt="Vespa.ai Logo" style="width: 160px;">
         </div>
-        <div class="underline">Visit Vespa.ai Homepage</div>
-    </a>
-    <a href="https://cloud.vespa.ai/console" class="block overflow-hidden">
-        <div
-            class="w-full h-40 object-cover mb-2 bg-gray-300 rounded-lg flex items-center justify-center"
-        >
-            <img
-                alt="Vespa Cloud Console"
-                src="https://www.vespa.ai/assets/2021/09/vespa-logo-white-bg.png"
-                class="w-40"
-            />
+      </div>
+      <div><a href="https://vespa.ai" style="text-decoration: underline;">Visit Vespa.ai Homepage</a></div>
+    </div>
+  </div>
+
+  <div>
+    <div style="overflow: hidden;">
+      <div style="width: 100%; height: 160px; background-color: #D1D5DB; border-radius: 8px; display: flex; align-items: center; justify-content: center;">
+        <div>
+          <img src="https://www.vespa.ai/assets/2021/09/vespa-logo-white-bg.png" alt="Vespa Cloud Console" style="width: 160px;">
         </div>
-        <div class="underline">Access Cloud Console</div>
-    </a>
-    <a
-        href="https://github.com/vespa-engine/vespa"
-        class="block overflow-hidden group"
-    >
-        <div
-            class="w-full h-40 object-cover mb-2 bg-gray-900 group-hover:bg-gray-850 rounded-lg flex items-start justify-start"
-        >
-            <img
-                alt="GitHub Vespa"
-                src="https://github.githubassets.com/images/modules/logos_page/GitHub-Mark.png"
-                class="w-44 p-4"
-            />
+      </div>
+      <div><a href="https://cloud.vespa.ai/console" style="text-decoration: underline;">Access Cloud Console</a></div>
+    </div>
+  </div>
+
+  <div>
+    <div style="overflow: hidden;">
+      <div style="width: 100%; height: 160px; background-color: #1F2937; border-radius: 8px; display: flex; align-items: flex-start; justify-content: flex-start;">
+        <div>
+          <img src="https://github.githubassets.com/images/modules/logos_page/GitHub-Mark.png" alt="GitHub Vespa" style="width: 176px; padding: 16px;">
         </div>
-        <div class="underline">GitHub Repository: Vespa</div>
-    </a>
-    <div class="lg:col-span-3">
-        <p class="mb-2">
-            Vespa.ai is an open-source big data serving engine. It enables applications to compute over data at serving time, at any scale.
-        </p>
-        <p class="mb-2">
-            Vespa powers applications that require large-scale, low-latency search and machine learning inference.
-        </p>
-        <p class="mb-2">
-            The platform allows you to deploy AI models and data-driven applications with high performance and scalability.
-        </p>
-        <p>
-            More information: 
-            <a href="https://vespa.ai" class="underline">Homepage</a>, 
-            <a href="https://cloud.vespa.ai/console" class="underline">Cloud Console</a>, 
-            <a href="https://github.com/vespa-engine/vespa" class="underline">GitHub (Vespa)</a>, 
-            <a href="https://github.com/vespa-engine/pyvespa" class="underline">GitHub (PyVespa)</a>
-        </p>
+      </div>
+      <div><a href="https://github.com/vespa-engine/vespa" style="text-decoration: underline;">GitHub Repository: Vespa</a></div>
+    </div>
+  </div>
+
+  <div style="grid-column: span 3;">
+    <div style="margin-bottom: 8px;">
+      Vespa.ai is an open-source big data serving engine. It enables applications to compute over data at serving time, at any scale.
+    </div>
+    <div style="margin-bottom: 8px;">
+      Vespa powers applications that require large-scale, low-latency search and machine learning inference.
+    </div>
+    <div style="margin-bottom: 8px;">
+      The platform allows you to deploy AI models and data-driven applications with high performance and scalability.
+    </div>
+    <div>
+      More information:
+      <a href="https://vespa.ai" style="text-decoration: underline;">Homepage</a>,
+      <a href="https://cloud.vespa.ai/console" style="text-decoration: underline;">Cloud Console</a>,
+      <a href="https://github.com/vespa-engine/vespa" style="text-decoration: underline;">GitHub (Vespa)</a>,
+      <a href="https://github.com/vespa-engine/pyvespa" style="text-decoration: underline;">GitHub (PyVespa)</a>
     </div>
+  </div>
 </div>