Gatsby.js layout modifications

There are many different ways to incorporate styles into a web page to change the default fonts, colors, backgrounds, and layout. While style and classes can also be created one by one, an easier and more efficient approach is to use a framework to leverage pre-built ideas and design patterns. One of the hottest cascading frameworks at the time of writing is Tailwind CSS. Let's introduce Tailwind and learn why it is used within Gatsby.

Introducing Tailwind CSS

Tailwind CSS is a nice CSS framework that is easy to learn and use. It aims to be unopinionated and is driven toward allow the designer to construct styles from smaller pieces. Let's start by installing the framework so that we can use it.

Installing the Tailwind CSS framework

We will install it and use it to improve the visual appearance of the website:

1. The first step is to use the Node package manager to install Tailwind CSS. In the terminal, type the following command...