Завдання: Типографіка в Дії
Завдання
Використовуючи утиліти типографіки Tailwind CSS, створіть текстовий компонент із такими характеристиками:
- Заголовок (
h1
) з:- Розміром шрифту 4xl;
- Жирним накресленням шрифту;
- Звичайною висотою рядка.
- Підзаголовок (
h2
) з:- Розміром шрифту 2xl;
- Напівжирним накресленням шрифту;
- Зменшеною висотою рядка.
- Абзац (
p
) з:- Базовим розміром шрифту;
- Звичайним накресленням шрифту;
- Збільшеною висотою рядка.
index.html
- Розмір шрифту: Використовуйте
text-4xl
,text-2xl
,text-base
для розмірів шрифту; - Насиченість шрифту: Використовуйте
font-bold
,font-semibold
,font-normal
для насиченості шрифту; - Міжрядковий інтервал: Використовуйте
leading-normal
,leading-tight
,leading-relaxed
для міжрядкових інтервалів.
index.html
Все було зрозуміло?
Дякуємо за ваш відгук!
Секція 2. Розділ 8
Запитати АІ
Запитати АІ
Запитайте про що завгодно або спробуйте одне із запропонованих запитань, щоб почати наш чат
Suggested prompts:
Can you show me the complete HTML code for the text component using these Tailwind classes?
Can you explain what each Tailwind class does in this context?
Can you provide an example of how this component would look on a webpage?
Awesome!
Completion rate improved to 3.57
Завдання: Типографіка в Дії
Свайпніть щоб показати меню
Завдання
Використовуючи утиліти типографіки Tailwind CSS, створіть текстовий компонент із такими характеристиками:
- Заголовок (
h1
) з:- Розміром шрифту 4xl;
- Жирним накресленням шрифту;
- Звичайною висотою рядка.
- Підзаголовок (
h2
) з:- Розміром шрифту 2xl;
- Напівжирним накресленням шрифту;
- Зменшеною висотою рядка.
- Абзац (
p
) з:- Базовим розміром шрифту;
- Звичайним накресленням шрифту;
- Збільшеною висотою рядка.
index.html
- Розмір шрифту: Використовуйте
text-4xl
,text-2xl
,text-base
для розмірів шрифту; - Насиченість шрифту: Використовуйте
font-bold
,font-semibold
,font-normal
для насиченості шрифту; - Міжрядковий інтервал: Використовуйте
leading-normal
,leading-tight
,leading-relaxed
для міжрядкових інтервалів.
index.html
Все було зрозуміло?
Дякуємо за ваш відгук!
Секція 2. Розділ 8