Aufgabe: Erstellen einer Benutzerkarte mit CSS-Modules

In dieser Aufgabe wird eine Benutzerkarte gestaltet, die das Foto des Benutzers sowie relevante Informationen anzeigt. Es sollen geeignete Stile auf jede Komponente angewendet und deren korrekte Verwendung sichergestellt werden. Ziel ist es, folgende Benutzeroberfläche zu erreichen:

Die Aufgabe lautet:

1. In der Datei UserInfo.jsx die Styles-Datei (UserInfo.module.css) importieren und als s für die Stilzuweisung verwenden.
2. Um den Aufbau der App abzuschließen, die Datei UserInfo.jsx in die App.jsx importieren.

1. Zum Importieren einer Datei die import-Anweisung verwenden und die Quelldatei angeben.
2. Um die CSS-Datei mit s zu verknüpfen, diese mit import s from "path_to_the_file"; importieren.
3. Um die UserInfo-Komponente innerhalb der App-Komponente zu verwenden, die Syntax </UserInfo /> nutzen.