TLDR; GitHub Repo Ссылка Живи https://youtube-tailwind.netlify.app Гифка
Изображение
Мы будем путешествовать по следующим темам
- Что, черт возьми, завораживает?
- Что я построил?
- Как мне настроить, дизайн с помощью Tailwind!
Что, черт возьми, завораживает?
Tailwind CSS-это очень настраиваемая, низкоуровневая структура CSS, которая дает вам все строительные блоки, необходимые для создания индивидуальных дизайнов без каких-либо раздражающих самоуверенных стилей, которые вы должны бороться, чтобы отменить. Я взял это определение из Здесь Анкет
Документация действительно прекрасна, я лично закончил читать документацию.
Что я построил?
После того, как я закончил сканирование документов, лучший способ проверить себя – это сделать какой -то проект. Поэтому я решил повторить YouTube Анкет Это было достаточно прилично, поначалу потребовалось некоторое время позже.
Общее время потреблялось (рассчитано с использованием Wakatime)
- Шаг 1 Макет
- Шаг 2 Верхняя навигация
- Шаг 3 Сторона Навигация
- Шаг 4
И вуаля!
Как мне настроить, дизайн с помощью Tailwind!
Следите за обновлениями в будущих постах.
Мир ✌🏻, Рохит Гилла.
P.S: Я планирую повторить несколько других веб -сайтов, если у вас есть какие -либо предложения, пожалуйста, прокомментируйте.
Оригинал: “https://dev.to/gillarohith/i-replicated-youtube-design-using-tailwind-css-dmc”