A Practical Customization Example

Learn how to apply customization to responsive breakpoints, theme colors, and spacing utilities in Tailwind.

We'll cover the following

In this lesson, we’ll apply all we’ve learned in the previous lessons regarding customization. We’ll replace the default responsive breakpoints with our own, we’ll extend the theme with additional colors and spacing utilities, and we’ll add the font we previously included in our HTML file to the default font stack.

We’ll open the tailwind.config.js file and replace its content with the following:

Get hands-on with 1200+ tech skills courses.