watching now
39 Students

Course Details

Skill Level




What You Will Learn?

  • Build a responsive website that fits any screen
  • What is an em, a rem and other core concepts of Responsive web design
  • How to create the best possible user experience for the visitors of your website



  • No pre-knowledge is required - enthusiasm is all you need!
  • A PC or Mac is required. Mobile not supported yet;
  • No special software is required in advance of the course.


Section 1: Element size
  • Lecture 1: Relative measurements
  • Lecture 2: Em unit
  • Lecture 3: Rem unit
  • Lecture 4: Percentages: Height & Width
  • Lecture 5: Percentages: Padding & Margin
  • Lecture 6: Width: Minimum & Maximum
  • Lecture 7: Height: Minimum & Maximum
  • Lecture 8: Scaling media
  • Lecture 9: Scaling Background Image
  • Lecture 10: Summary
Section 2: CSS Media Queries
  • Lecture 1: Media Queries
  • Lecture 2: Range
  • Lecture 3: Dots Per Inch (DPI)
  • Lecture 4: AND operator
  • Lecture 5: Comma Separated List
  • Lecture 6: Breakpoints
  • Lecture 7: Review: Media Queries

About the Instructor

Reviews 300
Students 163,676
Massive audience
Courses 16

This course was created by the in-house BitDegree course creators. This means that more than one person has worked to make this course available for you to learn from. This allows the courses to be fun, visually appealing, educational and functional all at the same time. BitDegree is combining the efforts of multiple experts to bring you the highest quality educational material.

BitDegree platform reviews

Our students say Excellent
9.5 out of 10
trustpilot logo 1 trustpilot logo