Fix Formspree email field and improve article tile responsiveness

- Fix Formspree form by changing email field name from "_replyto" to "email"
- Improve article tile grid responsiveness with auto-fit and minmax
- Use minmax(320px, 1fr) for better tile width adaptation
- Remove conflicting fixed breakpoints in favor of fluid grid

The tiles now properly adapt to available width without appearing too early.

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>

Author: guralbrian

assets/css/custom.css

@@ -1924,20 +1924,14 @@ main {
 
 .portfolio-grid {
   display: grid;
-  grid-template-columns: 1fr;
+  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
   gap: 2rem;
   margin-bottom: 2rem;
 }
 
-@media (min-width: 950px) {
-  .portfolio-grid {
-    grid-template-columns: repeat(2, 1fr);
-  }
-}
-
-@media (min-width: 1500px) {
+@media (max-width: 768px) {
   .portfolio-grid {
-    grid-template-columns: repeat(3, 1fr);
+    grid-template-columns: 1fr;
   }
 }
 

assets/css/portfolio.css

@@ -39,7 +39,7 @@
 /* Portfolio Grid */
 .portfolio-grid {
   display: grid;
-  grid-template-columns: repeat(3, 1fr);
+  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
   gap: 1.5rem;
   margin-bottom: 3rem;
 }
@@ -194,9 +194,9 @@
 }
 
 /* Responsive Design */
-@media (max-width: 1024px) {
+@media (max-width: 1200px) {
   .portfolio-grid {
-    grid-template-columns: repeat(2, 1fr);
+    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
   }
 }
 

layouts/_default/contact.html

@@ -18,7 +18,7 @@ <h1 class="post-title">{{ .Title }}</h1>
 
                     <div class="form-group">
                         <label for="email">Email address</label>
-                        <input type="email" name="_replyto" id="email" placeholder="your@email.here" required>
+                        <input type="email" name="email" id="email" placeholder="your@email.here" required>
                     </div>
 
                     <div class="form-group">