We got a gallery.

Wabbajack.App.Blazor/Components/ModlistItem.razor

@@ -1,4 +1,5 @@
-<div class="item" style="background-image: url(@ImageURL);">
+<div class="item">
+    <img src="@ImageURL" alt="@Title Image">
     <div class="info">
         <div class="title">@Title</div>
         <div class="description">@Description</div>

Wabbajack.App.Blazor/Components/ModlistItem.razor.scss

@@ -1,7 +1,16 @@
 .item {
-  width: 150px;
+  width: 400px;
-  height: 100px;
+  height: 400px;
   border-radius: 0.75rem;
+  overflow: hidden;
+  margin: 1rem;
+  
+  img {
+    width: 100%;
+    height: 225px;
+    object-fit: cover;
+    border-radius: 0.75rem;
+  }
 
   .info {
     .title {

Wabbajack.App.Blazor/Components/Navbar.razor

@@ -1,6 +1,7 @@
 <nav>
     <a href="">Home</a>
     <a href="/gallery">Gallery</a>
+    <a href="">Install</a>
     <a href="">Compile</a>
     <a href="">Settings</a>
 </nav>

Wabbajack.App.Blazor/Pages/Gallery.razor

@@ -10,7 +10,7 @@
 <div id="content">
     @foreach (ModListItem item in listItems)
     {
-        <ModListItem ImageURL=@item.ImageURL Title=@item.Title Description=@item.Description></ModListItem>
+        <ModlistItem ImageURL=@item.ImageURL Title=@item.Title Description=@item.Description></ModlistItem>
     }
 </div>
 

Wabbajack.App.Blazor/Pages/Gallery.razor.scss

@@ -0,0 +1,6 @@
+#content {
+  width: 100%;
+  display: flex;
+  flex-flow: row wrap;
+  justify-content: space-evenly;
+}

Wabbajack.App.Blazor/Pages/Home.razor

@@ -1,13 +1,4 @@
-@using Wabbajack.Paths.IO
+@page "/"
-@using Wabbajack.Paths
-@using System;
-@using System.Collections.Generic;
-@using System.Text.Json;
-@using Wabbajack.Common
-@using Newtonsoft.Json;
-@using Newtonsoft.Json.Linq
-
-@page "/"
 @layout Shared.MainLayout
 <News/>
 <div id="content"></div>

Wabbajack.App.Blazor/Shared/MainLayout.razor

@@ -6,7 +6,7 @@
 
 <div class="main">
     <Sidebar/>
-    <div class="content">
+    <div class="page">
         @Body
     </div>
 

Wabbajack.App.Blazor/Shared/MainLayout.razor.scss

@@ -7,7 +7,7 @@
   min-height: 100vh;
 }
 
-.content {
+.page {
   padding: 0.5rem;
   flex: 1 1 0;
 }