diff --git a/11-single-price-grid-component/src/input.css b/11-single-price-grid-component/src/input.css
new file mode 100644
index 0000000..b5c61c9
--- /dev/null
+++ b/11-single-price-grid-component/src/input.css
@@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
diff --git a/11-single-price-grid-component/src/main/scala/pricegrid/App.scala b/11-single-price-grid-component/src/main/scala/pricegrid/App.scala
index bf2e2c0..28e8862 100644
--- a/11-single-price-grid-component/src/main/scala/pricegrid/App.scala
+++ b/11-single-price-grid-component/src/main/scala/pricegrid/App.scala
@@ -11,13 +11,18 @@ object App extends cask.MainRoutes {
   def index() = doctype("html")(
     html(
       head(
-        tags2.title("Exercise 11")
+        tags2.title("Exercise 11"),
+        link(rel := "stylesheet", href := "/dist/output.css")
       ),
       body(
+        cls := "bg-blue-100",
         h1("Welcome to the future")
       )
     )
   )
 
+  @cask.staticFiles("/dist") // this is what path gets matched
+  def distFiles() = "dist" // this is os path where files are looked up
+
   initialize()
 }
diff --git a/11-single-price-grid-component/tailwind.config.js b/11-single-price-grid-component/tailwind.config.js
new file mode 100644
index 0000000..c284f5b
--- /dev/null
+++ b/11-single-price-grid-component/tailwind.config.js
@@ -0,0 +1,9 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+  content: ["./src/**/*.scala"],
+  theme: {
+    extend: {},
+  },
+  plugins: [],
+}
+