Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Aprenda Working with CSS Modules | Setting Up a Next.js Project
Next.js 14 Mastery for Building Modern Web Apps

book
Working with CSS Modules

CSS Modules automatically create unique class names, allowing CSS scoping to a specific component and eliminating style collisions. Simple CSS rules can be written inside the CSS Modules.

Back to the Project

Let's create a CSS module called home.module.css inside of the app/ui folder and paste the following CSS rules:

.circle {
height: 2.5rem;
width: 2.5rem;
background-color: rgb(255 255 255);
border-radius: 9999px;
}

We should import the home.module.css file into the app/page.tsx file and then apply the styles.circle class to the div element we created earlier.

In Practice

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 2. Capítulo 6
some-alt