Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Вивчайте Челендж: CSS Модулі | Стилізація в React Додатках
Опановуємо React

bookЧелендж: CSS Модулі

Завдання: Створення картки користувача за допомогою модулів CSS

У цьому завданні ви розробите картку користувача, яка відображатиме його фотографію та відповідну інформацію. Застосуйте відповідні стилі до кожного компонента та забезпечте їх правильне використання. Наша мета - досягти такого інтерфейсу:

Завдання таке:

  1. У файлі UserInfo.jsx імпортуйте файл стилів (UserInfo.module.css) і призначити його як s для асоціації стилів.
  2. Щоб завершити збірку програми, імпортуйте файл UserInfo.jsx до файлу App.jsx.
  1. To import a file, use the import statement and specify the source file.
  2. To associate the CSS file with the s, import it using import s from "path_to_the_file";.
  3. To utilize the UserInfo component within the App component, use the syntax </UserInfo />.
Все було зрозуміло?

Як ми можемо покращити це?

Дякуємо за ваш відгук!

Секція 2. Розділ 10

Запитати АІ

expand

Запитати АІ

ChatGPT

Запитайте про що завгодно або спробуйте одне із запропонованих запитань, щоб почати наш чат

Awesome!

Completion rate improved to 2.17

bookЧелендж: CSS Модулі

Свайпніть щоб показати меню

Завдання: Створення картки користувача за допомогою модулів CSS

У цьому завданні ви розробите картку користувача, яка відображатиме його фотографію та відповідну інформацію. Застосуйте відповідні стилі до кожного компонента та забезпечте їх правильне використання. Наша мета - досягти такого інтерфейсу:

Завдання таке:

  1. У файлі UserInfo.jsx імпортуйте файл стилів (UserInfo.module.css) і призначити його як s для асоціації стилів.
  2. Щоб завершити збірку програми, імпортуйте файл UserInfo.jsx до файлу App.jsx.
  1. To import a file, use the import statement and specify the source file.
  2. To associate the CSS file with the s, import it using import s from "path_to_the_file";.
  3. To utilize the UserInfo component within the App component, use the syntax </UserInfo />.
Все було зрозуміло?

Як ми можемо покращити це?

Дякуємо за ваш відгук!

Секція 2. Розділ 10
some-alt