Fundamentals

Responsive Design (Mobile)

Adapt your sites to all screens! Media queries and mobile-first design.

  • 4.8/5.0
  • 2766 enrolled
  • Fundamentals
  • French
Course Description

Adapt your sites to all screens! Media queries and mobile-first design.

@media (max-width)

--


Common breakpoints

--


Hide/show elements

--


Adaptive font size

--


Project: Responsive blog

--


Hamburger menu

--


Test on real devices

--

Mobile-first philosophy

--


Viewport meta tag

--


Touch targets

--


Project: Event site

--


Mobile image optimization Premium

--


Loading speed Premium

--


Google Mobile-Friendly Test Premium

--


Project: Simplified e-commerce site Premium

--

Edson Bitjoka

Edson Bitjoka

Developer & Instructor

About the instructor

I teach you to think “mobile-first.” Your site will look stunning on smartphones, tablets, and desktops—just like the pros!

Student reviews
Léa (13 years old)
Léa (13 years old)

5 days ago

My site passes the Google Mobile-Friendly Test! I showed it to my dad—he’s a developer—and he was amazed.

Frequently asked questions

Because most internet users are on phones. And it’s easier to add for larger screens later!

Browser dev tools (F12) have a “mobile devices” mode. We’ll teach you to use it!
Responsive Design (Mobile)
Online course: 25 € / hour
In-person course: 35 € / hour

This course includes

  • Chapters 16
  • Duration 9h
  • Level Fundamentals
  • Language French
  • Unlimited access Yes
  • Certificate Yes