ЯсноПонятно24

Пример:

styles.css (для компонента Card):

.card {
  background-color: #f0f0f0;
  padding: 10px;
  border-radius: 5px;
}

card.module.css:

.card {
  background-color: #f0f0f0;
  padding: 10px;
  border-radius: 5px;
}

card.js:

import React from 'react';
import styles from './card.module.css';

const Card = () => {
  return (
    <div className={styles.card}>
      {/* Контент компонента */}
    </div>
  );
};

export default Card;

После таких изменений стили компонентов будут описаны в отдельных CSS-модулях, что позволит избежать конфликтов и улучшит поддерживаемость кода.