diff --git a/lesson-04/remix-site/.gitignore b/lesson-04/remix-site/.gitignore
index 3f7bf98d..a825da4e 100644
--- a/lesson-04/remix-site/.gitignore
+++ b/lesson-04/remix-site/.gitignore
@@ -4,3 +4,4 @@ node_modules
/build
/public/build
.env
+/app/tailwind.css
diff --git a/lesson-04/remix-site/app/root.jsx b/lesson-04/remix-site/app/root.jsx
index fae7c273..47b5b47b 100644
--- a/lesson-04/remix-site/app/root.jsx
+++ b/lesson-04/remix-site/app/root.jsx
@@ -1,12 +1,9 @@
import { Link, Outlet, LiveReload, Links, Meta, Scripts } from "remix";
-import globalStylesUrl from "~/styles/global.css";
+import styles from "./tailwind.css";
-export const links = () => [
- {
- rel: "stylesheet",
- href: globalStylesUrl,
- },
-];
+export function links() {
+ return [{ rel: "stylesheet", href: styles }];
+}
export const meta = () => ({
description: "A recipe blog",
@@ -33,7 +30,7 @@ function Document({ children, title }) {
{title}
-
+
{children}
{process.env.NODE_ENV === "development" ? : null}
@@ -45,8 +42,8 @@ function Document({ children, title }) {
function Layout({ children }) {
return (
<>
-