CF

The Responsive Web Design Bootcamp

17h 36m 12s
English
Paid

The Responsive Web Design Bootcamp is a 9-lesson 17 hours 36 minutes self-paced course by Kevin Powell. It gives you a deep understanding of CSS and responsive design while keeping you fully engaged along the way.

Course facts

Lessons
9
Duration
17 hours 36 minutes
Level
All levels
Language
English
Updated
Instructor
Kevin Powell
Price
Premium

It gives you a deep understanding of CSS and responsive design while keeping you fully engaged along the way. You'll learn to build four different layouts: a blog, a landing page, a banner, and a company website. Each one will take your skills to a new level.

By the end of this course you'll have a solid understanding of the following subjects:

  • CSS basics
  • Sane CSS defaults
  • Specificity and selectors
  • CSS best practices
  • Text and fonts
  • Units and responsive Text
  • Flexbox layouts
  • Vertical aligning of content
  • Design best practices
  • Media Queries and viewports
  • Forms and how to make them look good
  • Advanced flexbox concepts
  • CSS Grid layouts
  • Icons with Font Awesome
  • Transitions and animations
  • Adding it all together

Who teaches The Responsive Web Design Bootcamp? Kevin Powell

Kevin Powell thumbnail

Kevin Powell is a Canadian developer and one of the most cited independent voices on modern CSS — running the Kevin Powell YouTube channel, which has anchored a generation of front-end developers' relationship with CSS. He is widely respected for the patience and depth of his explanations of the parts of CSS that the language's reputation as a quirky historical accident often obscures.

The course catalog covers modern CSS in depth: Grid and Flexbox layout, custom properties (CSS variables), modern responsive design (container queries, the dynamic viewport units, modern color spaces), CSS animations and transitions, typography on the web, and the design-system thinking that connects CSS to broader UI work. Material is structured for working developers building real interfaces.

The CourseFlix listing under this source carries 7 Kevin Powell courses spanning that range. Material is paid; Kevin Powell's courses are sold individually on the original platform. Courses are aimed at developers ready to make CSS a deliberate craft rather than an afterthought.

What lessons are included in The Responsive Web Design Bootcamp?

This is a demo lesson (10:00 remaining)

You can watch up to 10 minutes for free. Subscribe to unlock all 9 lessons in this course and access 10,000+ hours of premium content across all courses.

View Pricing
0:00
/
#1: CSS Fundamentals
All Course Lessons (9)
#Lesson TitleDurationAccess
1
CSS Fundamentals Demo
03:21:16
2
Starting to think responsively - 1
01:35:38
3
Starting to think responsively - 2
01:43:33
4
Starting to think responsively - 3
01:29:22
5
Stepping up our style
03:36:53
6
Taking flexbox to the next level
01:33:05
7
CSS Grid The ultimate layout tool
01:47:20
8
Taking it to the next level - 1
48:21
9
Taking it to the next level - 2
01:40:44
Unlock unlimited learning

Get instant access to all 8 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.

Learn more about subscription

What courses are similar to The Responsive Web Design Bootcamp?

More courses by Kevin Powell

Frequently asked questions

What are the prerequisites for enrolling in this course?
Before enrolling, it is helpful to have a basic understanding of HTML. The course will start with CSS Fundamentals, so prior knowledge of CSS is not required but will be beneficial. Familiarity with web development concepts can also aid in grasping responsive design techniques more quickly.
What types of projects will I build during this course?
Throughout the course, you will build four different layouts: a blog, a landing page, a banner, and a company website. Each project is designed to progressively enhance your skills in CSS and responsive design, providing hands-on experience with different styles and techniques.
Who is the target audience for this course?
The course is ideal for beginners who want to gain a deep understanding of CSS and responsive design. It is also suitable for web developers looking to enhance their skills in creating adaptable, mobile-friendly websites using modern CSS techniques like flexbox and grid.
How does the depth of this course compare to other web design courses?
This course offers a focused exploration of responsive web design by diving deep into CSS, including advanced tools like flexbox and CSS Grid. It provides a comprehensive look at creating adaptable layouts, making it more specialized compared to broader web development courses that cover multiple programming languages and tools.
What specific tools or platforms does the course cover?
The course covers CSS as the primary tool for styling web pages, with specific focus on advanced tools such as flexbox and CSS Grid. These are essential for creating responsive designs and are highlighted as the ultimate layout tools in the lessons.
What topics are not covered in this course?
This course does not cover HTML in detail, JavaScript, or backend development. It is specifically focused on CSS and responsive design principles, so topics like server-side programming, database management, and client-side scripting beyond CSS are not included.
How might the skills learned in this course benefit other areas of web development?
Skills learned in this course, such as using flexbox and CSS Grid for responsive design, are highly transferable to other web development projects. These skills are essential for any front-end developer, as they enable the creation of mobile-friendly and adaptable websites, which is a crucial aspect of modern web development.