Вивчайте Виклик: Опанування Утиліт Відступів

Завдання

Завершіть надану HTML-структуру, додавши відсутні класи Tailwind CSS відповідно до зазначених вимог щодо відступів.

Перший div: Додайте зовнішній відступ (margin) 2rem (32px) з усіх сторін та внутрішній відступ (padding) 1rem (16px) з усіх сторін;
Другий div: Додайте зовнішній відступ зверху 1rem (16px) та знизу 2rem (32px). Додайте внутрішній відступ 0.5rem (8px) з усіх сторін;
Третій div: Додайте зовнішній відступ справа 1.5rem (24px) та зліва 0.75rem (12px). Додайте внутрішній відступ 1.5rem (24px) з усіх сторін.

index.html

Для першого div використати m-8 для відступу зовні та p-4 для внутрішнього відступу.
Для другого div використати mt-4 mb-8 для відступу зовні та p-2 для внутрішнього відступу.
Для третього div використати mr-6 ml-3 для відступу зовні та p-6 для внутрішнього відступу.

index.html

Все було зрозуміло?

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

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

Запитати АІ

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

Suggested prompts:

Can you show me the complete HTML structure with the Tailwind classes applied?

Do you need an explanation of how these Tailwind classes correspond to the spacing requirements?

Would you like a brief overview of how Tailwind spacing utilities work?

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

Завершіть надану HTML-структуру, додавши відсутні класи Tailwind CSS відповідно до зазначених вимог щодо відступів.

Перший div: Додайте зовнішній відступ (margin) 2rem (32px) з усіх сторін та внутрішній відступ (padding) 1rem (16px) з усіх сторін;
Другий div: Додайте зовнішній відступ зверху 1rem (16px) та знизу 2rem (32px). Додайте внутрішній відступ 0.5rem (8px) з усіх сторін;
Третій div: Додайте зовнішній відступ справа 1.5rem (24px) та зліва 0.75rem (12px). Додайте внутрішній відступ 1.5rem (24px) з усіх сторін.

index.html

Для першого div використати m-8 для відступу зовні та p-4 для внутрішнього відступу.
Для другого div використати mt-4 mb-8 для відступу зовні та p-2 для внутрішнього відступу.
Для третього div використати mr-6 ml-3 для відступу зовні та p-6 для внутрішнього відступу.

index.html

Все було зрозуміло?

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

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