Chapter 2: Styling Choices and Creating Reusable Layouts

Gatsby sites can be styled in a multitude of ways. In this chapter, we will introduce you to a large selection of styling techniques to help you make an informed choice about how you would like to style your site. Once you've settled on a styling method, we will implement it on the pages we created in Chapter 1, An Overview of Gatsby.js for the Uninitiated, before creating the reusable components that will be used across all our site pages.

In this chapter, we will cover the following topics:

  • Styling in Gatsby
  • Styling with CSS
  • Styling with Sass
  • Styling with Tailwind.css
  • Styling with Styled components
  • Creating a reusable layout

Technical requirements

In order to navigate this chapter, ...

Get Elevating React Web Development with Gatsby now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.