Lola's Web Dev Fu Lessons

Advanced Responsive Designs

Learn how to make your website look like it was designed by a time-traveling, disco-ball-wearing, 80s rockstar.

Lesson 1: The Grid System (a.k.a. "Don't be a Square, Be a Grid!" )

Discover the ancient art of dividing your website into neat little boxes. Because who needs creativity, anyway?

Read Lesson 1: The Grid System

Lesson 2: Media Queries: because who needs a fixed width, anyway?

Learn how to break free from the shackles of fixed widths and embrace the freedom of "it looks okay on my desktop, but on my phone it's a mess!"

Read Lesson 2: Media Queries

Lesson 3: Flexbox: because who needs a fixed position, anyway?

Catch the wave of the future with Flexbox. Because, you know, it's not like we're going anywhere anytime soon.

Read Lesson 3: Flexbox

Still got it? Good! Now, try building something. Anything. Just don't make it a mess. Like, please.

Back to main lessons