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

Pluralsight

Hands-on Responsive Web Design 3: Columns, Flexbox, and Grids

via Pluralsight

Write review
Simplilearn Ad

Lead AI-Native Products with Microsoft's Agentic AI Program

Learn More → Coursera Ad

Learn AI, Data Science & Business — Earn Certificates That Get You Hired

Learn More →

Overview

Build a Learning Habit
Download Class Central's free printable study calendar
Download for Free


At the heart of developing any responsive website is a thorough knowledge of how to use HTML5, CSS3, and SASS. In this course, Hands-on Responsive Web Design 3: Columns, Flexbox, and Grids, you'll learn the skills you need to layout a page using standard divisions and CSS, as well as newer technologies like Flexbox and CSS Grids. First, you'll discover how to automate this process by leveraging the power of SASS operators. Next, you'll explore how to use CSS shapes to create text wrapping. Finally, you'll delve into using CSS Grids for the overall page layout. By the end of this course, you'll have a mobile music player app project that adapts to vertical or horizontal orientation of mobile screens.

Syllabus

  • Course Overview 1min
  • Introduction 2mins
  • Twelve Column Grid 28mins
  • CSS Shapes 17mins
  • Flexbox 16mins
  • CSS Grid 23mins
  • Music Player Project 27mins

Taught by

Paul Cheney

Reviews

4.6 rating at Pluralsight based on 44 ratings

Start your review of Hands-on Responsive Web Design 3: Columns, Flexbox, and Grids

Never Stop Learning.

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

Sign up for free
Someone learning on their laptop while sitting on the floor.