Improve your CSS

Find out how well you really know CSS with our bumper-pack of challenges. Recreate components and layouts from popular applications like Github, Codepen, and Instagram, and build loading animations, progress bars, flashcards and more using pure CSS! This hands-on course will guide you through engaging challenges covering a wide range of CSS techniques. Along the way, you'll refresh and refine your knowledge of all the key CSS features, from transitions and pseudo-elements to hover effects, keyframe animations, and much more! Looking for practical CSS experience? This course has that, too! You'll put your knowledge to the test by recreating instantly-recognizable components from sites such as Github, Codepen, and Instagram. After completing each challenge, you'll compare your solution with the one provided by our in-house CSS expert. This experience is akin to pair programming, allowing you to learn from their expertise and gain valuable insights. By the end of this course, you will not only have a comprehensive understanding of CSS but also have gained practical experience in recreating components from well-known apps from around the web. This knowledge will equip you to tackle any CSS challenge with confidence. CSS knowledge at the ready? Let's get started.

Unlock the power of Tailwind CSS in this hands-on course designed for all skill levels! You'll begin with the essentials, exploring key concepts like element sizing, colors, padding, and margin, then progressively build up to more advanced techniques such as responsive design and modifiers. Through a mix of theory lessons and real-world projects, you’ll not only understand how to use Tailwind CSS but gain the skills to structure beautiful, flexible, and efficient layouts from scratch. With each lesson, you’ll add new styling methods to your toolkit, ensuring you’re prepared to create anything from simple webpages to complex, responsive interfaces. By the end, you’ll confidently build engaging and professional designs using Tailwind CSS. Skills Covered: - Responsive Design - Typography Styling - Layout and Positioning - Flexbox - Utility-based Styling Please note that from February 27, 2025, this course will be closed for new enrollments. If you're already enrolled, you'll still have access to study the course here until December 29, 2025. After that, the course will be available at https://www.coursera.org/learn/learn-tailwind-css/home/module/1

Transform your UI designs and web sites by combining shadows, gradients, and animations in this practical course. You’ll learn to create depth with soft and hard shadows, building layered, engaging visuals that enhance your layout. Discover how to apply subtle and dynamic gradients to backgrounds, buttons, and cards, achieving visually appealing effects that guide users’ attention. Finally, you'll bring your designs to life with UI animations, using transitions and hover effects to create a smooth, interactive experience. Each section of this course is hands-on, with challenges that help you apply your skills to real-world components. By the end, you’ll know how to add polish to any interface, creating designs that are functional, interactive, and visually compelling.