К содержимому
learnspaceYOUR NEXT CHAPTER
ПРОСТРАНСТВО ОБУЧЕНИЯ
ГлавнаяКаталог курсовМоё обучениеCoursera

Знания без границ

Учитесь у лучших университетов и компаний мира.

Открыть Coursera
Интеграция
Пространство университета
Моё пространствоСтраница курса
↵
ЯЛичный кабинетСтудент
© 2026 LearnSpaceКаждый день — возможность узнать больше.Помощь
Tailwind CSS Practice Project: Build a Product Card · LearnSpace
Назад в каталог
courseraПрограммирование

Tailwind CSS Practice Project: Build a Product Card

Курс от Scrimba
Средний≈ 1.8 чАнглийский
О курсеНавыкиПрограммаПреподаватели

О курсе

Welcome to this exciting new course on Tailwind CSS! This course introduces some intermediate Tailwind concepts that are perfect for rapidly building and styling websites in the real world. If you’re new to Tailwind, head to our Learn Tailwind course here on Coursera for a quick intro. Throughout this course, we’ll build on these concepts, taking you from the basics to more advanced features, and dive into even more amazing things that Tailwind can do. We’ll use Tailwind to build a web store product card for our client using professional mockups—one for desktop and one for mobile. By the end, you'll have discovered intermediate and advanced styling techniques using Tailwind CSS and crafted a fully responsive, professional product card for a web store.

Навыки, которые вы освоите

Cascading Style Sheets (CSS)UI ComponentsFront-End Web DevelopmentResponsive Web DesignTypographyHTML and CSSWeb DevelopmentAnimationsMockups

Программа курса

2 модулей · 25 учебных материалов

01Build a Product Card with Tailwind CSS24 материалов

Build a Product Card with Tailwind CSS

Introduction to this coursePLUGINWelcome to interactive lessons!PLUGINA super quick Tailwind CSS recapPLUGINAside - The tailwind.config objectPLUGIN

Учитесь у экспертов

Rachel Johnson

Преподаватель курса

Tailwind CSS Practice Project: Build a Product Card
В каталоге вашей программы

Инвестируйте в себя

Новые знания — в удобное для вас время.

Начать на Coursera

Обучение откроется на Coursera
в новой вкладке

Обучение на Coursera

≈ 1.8 ч

2 модулей

Язык: Английский

Часть программы вашего университета
Adding custom coloursPLUGIN
Aside - Fonts in Tailwind CSSPLUGIN
Adding custom fontsPLUGIN
Aside - Max width in Tailwind CSSPLUGIN
Crafting the cardPLUGIN
Font and Text ClassesPLUGIN
Aside - Gradients in Tailwind CSSPLUGIN
Styling the buttonsPLUGIN
Aside - Lists in Tailwind CSSPLUGIN
Styling the features sectionPLUGIN
Aside - Grids in Tailwind CSSPLUGIN
Mobile and desktop viewsPLUGIN
Aside - Background images in Tailwind CSSPLUGIN
Adding the background imagesPLUGIN
Aside - Transforms in Tailwind CSSPLUGIN
Aside - Transitions in Tailwind CSSPLUGIN
Styling the wishlist buttonPLUGIN
Aside - Arbitrary values in Tailwind CSSPLUGIN
Adding the dropshadowPLUGIN
Congratulations!PLUGIN
02Intermediate Tailwind CSS Graded Assignment1 материалов
Intermediate Tailwind CSS Graded AssignmentЗадание