Челендж: CSS Модулі
Завдання: Створення картки користувача за допомогою модулів CSS
У цьому завданні ви розробите картку користувача, яка відображатиме його фотографію та відповідну інформацію. Застосуйте відповідні стилі до кожного компонента та забезпечте їх правильне використання. Наша мета - досягти такого інтерфейсу:
Завдання таке:
- У файлі
UserInfo.jsx
імпортуйте файл стилів (UserInfo.module.css
) і призначити його якs
для асоціації стилів. - Щоб завершити збірку програми, імпортуйте файл
UserInfo.jsx
до файлуApp.jsx
.
- To import a file, use the
import
statement and specify the source file. - To associate the CSS file with the s, import it using
import s from "path_to_the_file";
. - To utilize the UserInfo component within the
App
component, use the syntax</UserInfo />
.
Дякуємо за ваш відгук!
Запитати АІ
Запитати АІ
Запитайте про що завгодно або спробуйте одне із запропонованих запитань, щоб почати наш чат
Запитайте мені питання про цей предмет
Сумаризуйте цей розділ
Покажіть реальні приклади
Awesome!
Completion rate improved to 2.17
Челендж: CSS Модулі
Свайпніть щоб показати меню
Завдання: Створення картки користувача за допомогою модулів CSS
У цьому завданні ви розробите картку користувача, яка відображатиме його фотографію та відповідну інформацію. Застосуйте відповідні стилі до кожного компонента та забезпечте їх правильне використання. Наша мета - досягти такого інтерфейсу:
Завдання таке:
- У файлі
UserInfo.jsx
імпортуйте файл стилів (UserInfo.module.css
) і призначити його якs
для асоціації стилів. - Щоб завершити збірку програми, імпортуйте файл
UserInfo.jsx
до файлуApp.jsx
.
- To import a file, use the
import
statement and specify the source file. - To associate the CSS file with the s, import it using
import s from "path_to_the_file";
. - To utilize the UserInfo component within the
App
component, use the syntax</UserInfo />
.
Дякуємо за ваш відгук!