Challenge: CSS ModulesChallenge: CSS Modules

Task 1

We plan to design a user card that displays the user's photo and relevant information. It is crucial to apply appropriate styles to each component and ensure their proper utilization. Our goal is to achieve such UI:

content

The task is:

  1. In the UserInfo.jsx file, import the styles file (UserInfo.module.css) and assign it as s for style association.
  2. To complete the app building, import the UserInfo.jsx file into the App.jsx.
Hint
1. To import a file, use the import statement and specify the source file.

2. To associate the CSS file with the s, import it using
import s from "path_to_the_file";

3. To utilize the UserInfo component within the App component, use the syntax </UserInfo />

Everything was clear?

Section 2. Chapter 9