Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Coursera

Master CSS: Responsive Websites with Flexbox, Grid & SCSS

LearnKartS via Coursera

Overview

AI, Data Science & Cloud Certificates from Google, IBM & Meta — 50% Off
One plan covers every Professional Certificate on Coursera. 50% off Coursera Plus Annual for 10 days only — price increases June 17.
Unlock All Certificates
You learned basic CSS. Then came the tough part. Broken layouts, confusing positioning, & designs that fail on mobile. This course helps you move beyond trial and error by teaching modern CSS, responsive layouts, Flexbox, Grid, and scalable styling the way real front-end developers actually use them. Here is what you will especially build: • Write CSS selectors, apply color, background, border, & typography in VS Code, and along the way, understand specificity and display. As a result, you stop guessing why things break. • Align elements with Flexbox, and then structure pages with CSS Grid. Handle positioning, sticky headers, & scroll behavior the same way real projects do. • Compile SCSS with Node and NPM, and use variables, nesting, transitions, animations, gradients, and blend modes for cleaner, more maintainable stylesheets. • Build a complete portfolio using media queries, viewport units, Font Awesome, Bootstrap Icons, and mobile navigation. So, by the end, everything comes together in one real project. Built for beginners and aspiring front-end developers who want practical skills and real projects, taught in Hindi and trusted by 200,000+ learners across 160+ courses. Enroll today and start building with confidence.

Syllabus

  • CSS Fundamentals
    • Learn the basics of CSS including syntax, colors, typography, spacing, and core styling properties. Build a strong foundation for designing and styling modern web pages.
  • Core CSS Concepts
    • Master layout fundamentals including Box Model, Flexbox, Grid, positioning, and CSS units. Learn how to structure responsive and well-organized webpage layouts.
  • Advanced CSS & Preprocessors
    • Explore SCSS, variables, nesting, animations, transitions, and advanced styling techniques. Learn modern CSS workflows for scalable and maintainable web design.
  • Portfolio Project & Final Implementation
    • Apply all concepts to build a complete responsive portfolio website with real-world UI sections. Strengthen practical skills by designing a fully functional, modern web layout.

Taught by

Nikhil Agarwal and LearnKartS

Reviews

Start your review of Master CSS: Responsive Websites with Flexbox, Grid & SCSS

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.