Master CSS: Responsive Websites with Flexbox, Grid & SCSS

External: Coursera Courses ↗ · Coursera

Open Course on External: Coursera

Free to audit · Opens on External: Coursera

Master CSS: Responsive Websites with Flexbox, Grid & SCSS

Coursera · Beginner ·🌐 Frontend Engineering ·1mo ago
Skills: UI Design90%

Key Takeaways

Teaches modern CSS techniques for building responsive websites with Flexbox, Grid, and SCSS

Original Description

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.
Watch on External: Coursera ↗ (saves to browser)
Sign in to unlock AI tutor explanation · ⚡30

Related Reads

📰
Browser-Based PDF Editing with Vue 3 and pdf-lib
Learn to build a browser-based PDF editor using Vue 3 and pdf-lib, enabling users to edit PDFs directly in the browser
Dev.to · sunshey
📰
Say Goodbye To Electron?
Learn about a new approach to building native applications without Electron, using frontend-style development
Medium · Programming
📰
Why Vanilla JS? In the article below, I am sharing my story of building SaaS product in vanilla js and explaining why I decided to go with this approach. https://guseyn.com/html/posts/why-vanilla-js.html
Learn why choosing Vanilla JS can be a great approach for building SaaS products and how it can simplify development
Dev.to · Guseyn Ismayylov
📰
How to Create a Cursor Tail Using HTML, CSS, and JavaScript
Learn to create a colorful cursor tail using HTML, CSS, and JavaScript for a unique user interface effect
Medium · JavaScript
Up next
How To Build A Twitter Clone - React Next JS - Appwrite Crash Course
Adrian Twarog
Watch →