From 16e62ae0b6600cdd80de964b57cb51abe60bceae Mon Sep 17 00:00:00 2001
From: Muescha <184316+muescha@users.noreply.github.com>
Date: Tue, 21 Jul 2020 14:29:12 +0200
Subject: [PATCH] Add file names to code blocks (#25879)

---
 .../2020-07-20-Khaled-Garbaya-Life-After-Recipes/index.md | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/docs/blog/2020-07-20-Khaled-Garbaya-Life-After-Recipes/index.md b/docs/blog/2020-07-20-Khaled-Garbaya-Life-After-Recipes/index.md
index 733c23e857dab..65862846c73cb 100644
--- a/docs/blog/2020-07-20-Khaled-Garbaya-Life-After-Recipes/index.md
+++ b/docs/blog/2020-07-20-Khaled-Garbaya-Life-After-Recipes/index.md
@@ -36,7 +36,7 @@ npm install tailwindcss gatsby-plugin-postcss
 
 2. Add `gatsby-plugin-postcss` to your `gatsby-config.js` file
 
-```javascript
+```javascript:title=gatsby-config.js
 {
   plugins: [`gatsby-plugin-postcss`]
 }
@@ -44,7 +44,7 @@ npm install tailwindcss gatsby-plugin-postcss
 
 3. Create a `postcss.config.js` file and add the following snippet to it:
 
-```javascript
+```javascript:title=postcss.config.js
 module.exports = {
   plugins: [require("tailwindcss"), require("autoprefixer")],
 }
@@ -52,7 +52,7 @@ module.exports = {
 
 4. Create a `tailwind.config.js` file and add the following snippet to it:
 
-```javascript
+```javascript:title=tailwind.config.js
 module.exports = {
   purge: ["./src/**/*.js"],
   theme: {
@@ -65,7 +65,7 @@ module.exports = {
 
 5. Create a `tailwind.css` file and add the following snippet to it:
 
-```css
+```css:title=tailwind.css
 @tailwind base;
 @tailwind components;
 @tailwind utilities;