Aufgabe: Erstellen einer Benutzerkarte mit CSS-Modulen

In dieser Aufgabe entwerfen Sie eine Benutzerkarte, die das Foto des Benutzers und relevante Informationen anzeigt. Wenden Sie geeignete Stile auf jede Komponente an und stellen Sie deren ordnungsgemäße Nutzung sicher. Unser Ziel ist es, eine solche Benutzeroberfläche zu erreichen:

Die Aufgabe ist:

1. Importieren Sie in der Datei UserInfo.jsx die Styles-Datei (UserInfo.module.css) und weisen Sie sie als s für die Stilzuordnung zu.
2. Um den App-Aufbau abzuschließen, importieren Sie die Datei UserInfo.jsx in die App.jsx.

1. Um eine Datei zu importieren, verwenden Sie die import-Anweisung und geben Sie die Quelldatei an.
2. Um die CSS-Datei mit den s zu verknüpfen, importieren Sie sie mit import s from "path_to_the_file";.
3. Um die UserInfo-Komponente innerhalb der App-Komponente zu nutzen, verwenden Sie die Syntax </UserInfo />.