diff --git a/public/img/minecraft-grass-block.png b/public/img/minecraft-grass-block.png
new file mode 100644
index 0000000..5234ce0
Binary files /dev/null and b/public/img/minecraft-grass-block.png differ
diff --git a/resources/js/views/dashboard/Dashboard.vue b/resources/js/views/dashboard/Dashboard.vue
index 2e9a620..1d9d5d0 100644
--- a/resources/js/views/dashboard/Dashboard.vue
+++ b/resources/js/views/dashboard/Dashboard.vue
@@ -30,7 +30,7 @@
{{ courseBoxTitle }}
@@ -42,6 +42,14 @@
Media
+
+
+ Minecraft
+
{
border-radius: 12px;
border: 2px solid $primary-color-dark;
background-color: #f8f8f8;
+ background-repeat: no-repeat;
+ background-size: cover;
+ background-position: center;
padding: map-get($spacer, 5) map-get($spacer, 4);
margin: map-get($spacer, 3);
font-size: map-get($spacer, 3);
@@ -104,6 +115,10 @@ const courseBoxTitle = computed(() => {
font-size: map-get($spacer, 5);
}
+ img {
+ height: map-get($spacer, 5);
+ }
+
&:hover {
text-decoration: none;
background-color: $primary-color-lighter;