chore: improve responsivness

content/projects/grenette.md

@@ -4,5 +4,5 @@ title: Grenette
 shortDescription: Characterful and versatile serif typeface family. Developed at Colophon Foundry.
 image: /images/projects/grenette.svg
 popupImage: /images/projects/grenette-popup.svg
-toggleText: See the board !
+toggleText: See the font in use!
 ---

content/projects/mock-project-1.md

@@ -0,0 +1,8 @@
+---
+order: 6
+title: Mock Project 1
+shortDescription: This is a mock project for testing the load more feature.
+image: /images/projects/grenette.svg
+popupImage: /images/projects/grenette-popup.svg
+toggleText: See the board !
+---

content/projects/mock-project-2.md

@@ -0,0 +1,8 @@
+---
+order: 7
+title: Mock Project 2
+shortDescription: This is a mock project for testing the load more feature.
+image: /images/projects/grenette.svg
+popupImage: /images/projects/grenette-popup.svg
+toggleText: See the board !
+---

content/projects/mock-project-3.md

@@ -0,0 +1,8 @@
+---
+order: 8
+title: Mock Project 3
+shortDescription: This is a mock project for testing the load more feature.
+image: /images/projects/grenette.svg
+popupImage: /images/projects/grenette-popup.svg
+toggleText: See the board !
+---

content/projects/mock-project-4.md

@@ -0,0 +1,8 @@
+---
+order: 9
+title: Mock Project 4
+shortDescription: This is a mock project for testing the load more feature.
+image: /images/projects/grenette.svg
+popupImage: /images/projects/grenette-popup.svg
+toggleText: See the board !
+---

content/projects/mock-project-5.md

@@ -0,0 +1,8 @@
+---
+order: 10
+title: Mock Project 5
+shortDescription: This is a mock project for testing the load more feature.
+image: /images/projects/grenette.svg
+popupImage: /images/projects/grenette-popup.svg
+toggleText: See the board !
+---