diff --git a/12-order-summary-component-thymeleaf/src/input.css b/12-order-summary-component-thymeleaf/src/input.css
new file mode 100644
index 0000000..b5c61c9
--- /dev/null
+++ b/12-order-summary-component-thymeleaf/src/input.css
@@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
diff --git a/12-order-summary-component-thymeleaf/src/main/resources/templates/index.html b/12-order-summary-component-thymeleaf/src/main/resources/templates/index.html
index 7c0a065..0b357e2 100644
--- a/12-order-summary-component-thymeleaf/src/main/resources/templates/index.html
+++ b/12-order-summary-component-thymeleaf/src/main/resources/templates/index.html
@@ -5,7 +5,8 @@
-
+
+
Frontend Mentor | Order summary card
@@ -14,7 +15,8 @@
.attribution a { color: hsl(228, 45%, 44%); }
-
+
Order Summary
diff --git a/12-order-summary-component-thymeleaf/tailwind.config.js b/12-order-summary-component-thymeleaf/tailwind.config.js
new file mode 100644
index 0000000..089db9a
--- /dev/null
+++ b/12-order-summary-component-thymeleaf/tailwind.config.js
@@ -0,0 +1,9 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+ content: ["./src/**/*.html"],
+ theme: {
+ extend: {},
+ },
+ plugins: [],
+}
+