diff --git a/examples/index.html b/examples/index.html
index 5812938..5bf1421 100644
--- a/examples/index.html
+++ b/examples/index.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8" />
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <link rel="stylesheet" href="./dist/css/index.min.css" type="text/css" defer/>
+    <link rel="stylesheet" href="../dist/css/index.min.css" type="text/css" defer/>
     <title>Zumer CSS</title>
     <style>
       body {
@@ -15,12 +15,15 @@
   </head>
   <body>
     <h2>Examples</h2>
-    <ul>
-      <li><a href="./generic.html">Generic</a></li>
-      <li><a href="./watch.html">Watch</a></li>
-      <li><a href="./spread.html">Spread</a></li>
-      <li><a href="./form.html">Form</a></li>
-      <li><a href="./arcgrid.html">arc</a></li>
-    </ul>
+    <div class="z-container">
+      <ul class="ring-3 items-5">
+        <li class="item m"><a href="./generic.html">Generic</a></li>
+        <li class="item m"><a href="./watch.html">Watch</a></li>
+        <li class="item m"><a href="./spread.html">Spread</a></li>
+        <li class="item m"><a href="./form.html">Form</a></li>
+        <li class="item m"><a href="./arcgrid.html">arc</a></li>
+      </ul>
+    </div>
+    
   </body>
 </html>
