One Jekyll feed to rule them all, Part 2 (the feed)

One Jekyll feed to rule them all, Part 2 In this video, I will show you how to use a reusable code component in Jekyll to display the featured image, title, excerpt, and date for your list of blog posts. You can reuse the code on your site for as many blogs, podcasts, or other feeds you might offer. I will show you some CSS grid basics to get you started in creating a nice look-and-feel for your site. I broke this video series up, so there are a total of three videos, counting this one. I threw in another fourth tips & tricks video to show you some other things you can do once you have the common code. Part 1: https://youtu.be/xAxKIdxl2-k Part 3: https://youtu.be/ZIhMZH6xE3c ** Watch these videos first Add featured images to Jekyll posts (part 1) https://www.youtube.com/watch?v=6oKO-7gsM4s&list=PLWzwUIYZpnJuT0sH4BN56P5oWTdHJiTNq&index=11 Add features images to your Jekyll blog roll (part 2) https://www.youtube.com/watch?v=1GskmTFLrA4&list=PLWzwUIYZpnJuT0sH4BN56P5oWTdHJiTNq&index=12 ** Check it out live https://billraymond.github.io/jekyll-featured-images/ ** Get the repo https://github.com/BillRaymond/jekyll-featured-images ** Follow me on Twitter @billraymonde https://twitter.com/billraymonde Topic links: Intro | 00:00 Review design objectives | 00:37 Create the feed card and display the post images | 01:42 Add the post title | 05:38 Add the post excerpt | 07:06 Add the date | 10:54 Create the css (sass/scss) file | 13:10 Create the grid for the feed card | 15:05 Create the grid for the post content | 18:35 Add the post title to the css grid | 20:56 Add the post excerpt to the css grid | 21:55 Add the date to the css grid | 22:30 Style the featured image, title, excerpt, and date | 23:09 Wrap up and discuss the next video | 26:04