Why Use a Portfolio Grid in Jekyll? A portfolio grid helps showcase your work in a clean and visual format. Whether you're a designer, developer, writer, or creative, it’s a simple way to turn static content into a dynamic display—all hosted for free using Jekyll and GitHub Pages. What Will You Build? A responsive grid that displays portfolio items using only: Markdown files (for detailed pages) YAML data (for the grid) A simple HTML layout Step-by-Step: Creating a Portfolio Grid with Jekyll Step 1: Add a Collection for Portfolio _config.yml collections: portfolio: output: true permalink: /portfolio/:name/ Step 2: Create Markdown Files for Each Project Create this folder: /_portfolio/ Then add files like: /_portfolio/landing-page.md --- title: "Landing Page Design" image: "/assets/portfolio/landing.jpg" description: "Modern landing page built with HTML and CSS" date: 2024-03-10 --- Each file beco...
Posts
Showing posts with the label p8