When you enroll in this course, you'll also be enrolled in this Specialization.
Learn new concepts from industry experts
Gain a foundational understanding of a subject or tool
Develop job-relevant skills with hands-on projects
Earn a shareable career certificate
There are 2 modules in this course
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.
What's included
24 plugins
Show info about module content
24 plugins•Total 76 minutes
Introduction to this course•3 minutes
Welcome to interactive lessons!•1 minute
A super quick Tailwind CSS recap•7 minutes
Aside - The tailwind.config object•3 minutes
Adding custom colours•3 minutes
Aside - Fonts in Tailwind CSS•3 minutes
Adding custom fonts•3 minutes
Aside - Max width in Tailwind CSS•2 minutes
Crafting the card•3 minutes
Font and Text Classes•3 minutes
Aside - Gradients in Tailwind CSS•3 minutes
Styling the buttons•6 minutes
Aside - Lists in Tailwind CSS•4 minutes
Styling the features section•4 minutes
Aside - Grids in Tailwind CSS•3 minutes
Mobile and desktop views•4 minutes
Aside - Background images in Tailwind CSS•5 minutes
Adding the background images•3 minutes
Aside - Transforms in Tailwind CSS•5 minutes
Aside - Transitions in Tailwind CSS•2 minutes
Styling the wishlist button•1 minute
Aside - Arbitrary values in Tailwind CSS•3 minutes
Scrimba is an interactive code-learning platform with over a million users from all over the world. They feature highly interactive and engaging courses about programming and web development.
When will I have access to the lectures and assignments?
To access the course materials, assignments and to earn a Certificate, you will need to purchase the Certificate experience when you enroll in a course. You can try a Free Trial instead, or apply for Financial Aid. The course may offer 'Full Course, No Certificate' instead. This option lets you see all course materials, submit required assessments, and get a final grade. This also means that you will not be able to purchase a Certificate experience.
What will I get if I subscribe to this Specialization?
When you enroll in the course, you get access to all of the courses in the Specialization, and you earn a certificate when you complete the work. Your electronic Certificate will be added to your Accomplishments page - from there, you can print your Certificate or add it to your LinkedIn profile.
Is financial aid available?
Yes. In select learning programs, you can apply for financial aid or a scholarship if you can’t afford the enrollment fee. If fin aid or scholarship is available for your learning program selection, you’ll find a link to apply on the description page.