diff --git a/src/components/BlogCard.tsx b/src/components/BlogCard.tsx
new file mode 100644
index 0000000..2ff0fa2
--- /dev/null
+++ b/src/components/BlogCard.tsx
@@ -0,0 +1,41 @@
+import '../styles/cardBlogs.css'
+
+type BlogCardProps = {
+ backgroundLink: string
+}
+
+export const BlogCard = ({ backgroundLink }: BlogCardProps) => {
+ return (
+
+
+
+
+ This is a blog title, the best blog title in the world!
+
+
+
{' '}
+
+ )
+}
diff --git a/src/index.css b/src/index.css
index b8fc23f..747b025 100644
--- a/src/index.css
+++ b/src/index.css
@@ -47,12 +47,6 @@ a:hover {
color: #535bf2;
}
-body {
- margin: 0;
- min-width: 320px;
- min-height: 100vh;
-}
-
h1 {
font-size: 3.2em;
line-height: 1.1;
diff --git a/src/pages/blogs.tsx b/src/pages/blogs.tsx
new file mode 100644
index 0000000..278f8fe
--- /dev/null
+++ b/src/pages/blogs.tsx
@@ -0,0 +1,143 @@
+import { BlogCard } from '../components/BlogCard'
+import '../styles/filters.css'
+import '../styles/pagination.css'
+import '../styles/search.css'
+import '../styles/styles.css'
+
+export const BlogsPage = () => {
+ return (
+
+ )
+}
diff --git a/src/pages/home.tsx b/src/pages/home.tsx
index d583cd1..84c9ad2 100644
--- a/src/pages/home.tsx
+++ b/src/pages/home.tsx
@@ -1,6 +1,6 @@
+import { BlogCard } from '../components/BlogCard'
import { GameCard } from '../components/GameCard'
import { ModCard } from '../components/ModCard'
-import '../styles/cardBlogs.css'
import '../styles/cardLists.css'
import '../styles/SimpleSlider.css'
import '../styles/styles.css'
@@ -211,43 +211,3 @@ export const HomePage = () => {
)
}
-
-type BlogCardProps = {
- backgroundLink: string
-}
-
-const BlogCard = ({ backgroundLink }: BlogCardProps) => {
- return (
-
-
-
-
- This is a blog title, the best blog title in the world!
-
-
-
{' '}
-
- )
-}
diff --git a/src/routes/index.tsx b/src/routes/index.tsx
index 31d7add..09caf74 100644
--- a/src/routes/index.tsx
+++ b/src/routes/index.tsx
@@ -1,3 +1,4 @@
+import { BlogsPage } from '../pages/blogs'
import { GamesPage } from '../pages/games'
import { HomePage } from '../pages/home'
import { ModsPage } from '../pages/mods'
@@ -34,6 +35,6 @@ export const routes = [
},
{
path: appRoutes.blog,
- element:
+ element:
}
]