Barcelona Code School

Responsive web design with CSS3 online course

Learn how to create modern responsive websites for any devices with the latest CSS

2 weeks, part-time


Responsive web design with CSS3 course in Barcelona Code School

What you'll learn

  • Creating all kinds of layout of any complexity
  • Using media queries to switch between desktop/tablet/mobile versions of your website
  • Understanding simple and combined selectors
  • Absolute/relative length units (the good, the bad and the ugly)
  • The box model
  • Positioning, stacking, floating your elements with/wthout taking them out of the natural document's flow
  • Using margins/paddings/borders
  • Creating layouts with CSS Grid
  • Using Flexbox
  • Cross-browser testing, resetting, normalizing, debugging, validating
  • Browser-based development

The outcome

  • You will be able to build a layout for any kind of website
  • It would be a responsive layout working great on any screen size
  • A portfolio of several projects created with pure CSS



Sign up online and reserve your seat.

How it works

  • Sign up through this page
  • Fill out student's form we will send you
  • Get the materials: text lessons, more than 6 hours of video lessons, 8 cloning projects for practicing
  • Start learning
  • Access support platform 24/7 to post code-related questions and get help
  • Book your personal 1:1 sessions (2 sessions are included)
  • Go through the lectures and complete exercises for each block of the curriculum
  • Push your code to GitLab to get feedback/review from us
  • Get yourt certificate once finished


Responsive web design with CSS3 Online course

Online, part-time, 2 weeks

By signing up you agree to the Terms and Conditions stated on the website.


  • You will need a laptop, the OS doesn't matter, MacOS, Windows, Linux is all fine
  • Google Chrome
  • Any code editor: Sublime Text, Visual Studio Code, Atom, etc...
  • An account with GitHub (free account is fine!)
  • If you can install Git it would be amazing. (Instructions for Mac, Windows, Linux)

Who is this course for?

  • Students thinking about building their static websites, landing pages, prototypes
  • Developers aiming at learning CSS to add to their skill set
  • Designers willing to learn how to implement mockups in code
  • Beginners starting to learn HTML/CSS

Inquiry about the course

If you are not a robot, how much would be 7 plus 6?