Tehtävä: Käyttäjäkortin rakentaminen CSS-moduuleilla

Tässä tehtävässä suunnitellaan käyttäjäkortti, joka näyttää käyttäjän valokuvan ja olennaiset tiedot. Sovella sopivia tyylejä jokaiseen komponenttiin ja varmista niiden asianmukainen käyttö. Tavoitteena on saavuttaa seuraavanlainen käyttöliittymä:

Tehtävä:

1. Tiedostossa UserInfo.jsx tuo tyylitiedosto (UserInfo.module.css) ja määritä se nimellä s tyylien liittämistä varten.
2. Sovelluksen rakentamisen viimeistelemiseksi tuo UserInfo.jsx tiedosto App.jsx-tiedostoon.

1. Tiedoston tuomiseen käytetään import-lausetta ja määritetään lähdetiedosto.
2. CSS-tiedoston liittämiseksi s:ään, tuo se muodossa import s from "path_to_the_file";.
3. Käyttääksesi UserInfo-komponenttia App-komponentissa, käytä syntaksia </UserInfo />.