Responsive Web Design: Mobile First Approach with HTML5 & CSS3

Danny Florian, KIT | Digital Marketing Agency

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
12 Videos (1h 14m)
    • Intro

      5:14
    • Column Grid Part 1

      8:26
    • Column Grid Part 2

      3:08
    • Column Grid Part 3

      4:04
    • Column Grid Part4

      5:03
    • Column Grid Part 5

      3:27
    • Hero and 3 Blocks

      6:06
    • Applying Media Queries

      8:21
    • Mobile First Approach In Detail

      6:56
    • iPhone Section

      8:10
    • Flush Section (Edge to Edge)

      10:52
    • Footer

      3:48

About This Class

It's no surprise that there are more people surfing the web on their mobile devices than desktops in today's digital landscape. In this class I will introduce the Mobile First Approach and show you the basic skills to get started.

We will create a responsive website from scratch which you can follow along with OR apply what you learn to an existing site and watch it come to life on your mobile device.

Using HTML5 & CSS3 you will be on your way to mastering responsive web design.

73 of 76 students recommendSee All

A concise lesson but explains very well how to do mobile-first responsive design including the well-used grid system.
Fast and simple course that teaches you everything you need to know about Mobile First design and Responsive Web design.
This is a great introduction to responsive development. It was clear and I was able quickly implement the code into a side project.

2,038

Students

10

Projects

Danny Florian

KIT | Digital Marketing Agency

I'm Danny Florian, UX Designer and Founder of KIT Digital Marketing Agency. I started my career as a microbiologist and migrated from the world of microbes to the world of pixels, where I manipulate the DNA of websites and test hypotheses in order to design the best user experience.

See full profile