The dev.to project with GatsbyJS-30

Welcome to part-30 of the series. You can find part-29 here.

I had one issue for the code styling, i did in the previous part. It was all hard coded, so if i have to make some minor change later one, i have to make in all mdx files(215 and counting) .

So, open postTemplate.module.css and add the styles for code__block. I am also adding the styles to make the images a bit small, as image__small. I will show where it is required.

Image for post
Image for post
postTemplate.module.css

Rest of the chapter is exclusive content and will be in my upcoming book Gatsby Cookbook. You can find more details about it here.

Image for post
Image for post
Gatsby Cookbook

The book is currently 80% complete and available on leanpub to purchase at this url.

It will also launch all the major platform like leanpub, amazon, iBooks, gumroad once it is complete in July 2020.

Now, our home page title looks perfect.

Image for post
Image for post
Perfect title

This completes part-30 of the series. All the other changes to my site also will be documented. The first change with image optimization can be found here.

Written by

UI Lead- ReactJS, JavaScript and everything in-between.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store