Taak: Een gebruikerskaart bouwen met CSS-modules

In deze taak ontwerp je een gebruikerskaart die de foto en relevante informatie van de gebruiker weergeeft. Pas geschikte stijlen toe op elk component en zorg voor correct gebruik ervan. Het doel is om de volgende gebruikersinterface te bereiken:

De opdracht is:

1. Importeer in het bestand UserInfo.jsx het stijlenbestand (UserInfo.module.css) en wijs het toe als s voor stijlassociatie.
2. Importeer het bestand UserInfo.jsx in de App.jsx om de app op te bouwen.

1. Gebruik de import-verklaring en specificeer het bronbestand om een bestand te importeren.
2. Om het CSS-bestand te koppelen aan de s, importeer het met import s from "path_to_the_file";.
3. Gebruik de syntaxis App om de UserInfo-component binnen de </UserInfo />-component te gebruiken.