Responsive Design

Create and build responsive-design websites for desktop and mobile applications. Start by planning the design in your CSS grid, then build responsive navigation and create responsive media, like fluid images.
John Hersey
.

Learn how to scale your site designs gracefully with responsive design

Gone are the days of designing websites only for the desktop. Nowadays site designs need to scale seamlessly across different devices and screen sizes, a concept termed responsive design. Check out the hundreds of responsive design tutorials we offer, and get started today.

Try our Responsive Design tutorials

— every online course includes free video tutorials. Become a member to keep learning, with unlimited access to every course in our library.
Creating a Responsive Web Experience

Create a satisfying and responsive user experience

Creating a Responsive Web Design

Design responsively for any screen size or device

Applied Responsive Design

See practical applications of responsive design

16 Responsive Design courses · 526 video tutorials
sort by:
  • view course page for Bootstrap 3 Essential Training

    Everything you need to know to get started building responsive, accessible, mobile-first websites with Bootstrap 3.

    4h 55m
    Beginner
     
    Viewers:

  • view course page for Advanced Responsive Layouts with CSS Flexbox

    Learn how to use the CSS Flexible Box Layout module (aka Flexbox) to create advanced responsive layouts.

    1h 49m
    Intermediate
     
    Viewers:

  • view course page for Making Sense of the CSS Box Model

    Making Sense of the CSS Box Model with Morten Rand-Hendriksen

    Reviews the core concepts of the CSS box model, including techniques such as styling text and images, floating content, using display properties, and positioning elements.

    49m 38s
    Beginner
     
    Viewers:

  • view course page for Responsive Images

    Responsive Images with Morten Rand-Hendriksen

    Responsive images are the next evolution in web design. Learn how to implement them today, with these real-life best practice scenarios for implementing responsive images in production sites.

    1h 22m
    Intermediate
     
    Viewers:

  • view course page for Creating a Responsive Web Design

    Make your website more readable and efficient to download with Chris Converse's responsive website techniques.

    2h 20m
    Beginner
     
    Viewers:

  • view course page for Customizing Bootstrap 3 with LESS

    Learn how to customize the look and feel of your Bootstrap site with LESS CSS, as well as LESS mixins and Bootstap's own customization screens.

    1h 36m
    Intermediate
     
    Viewers:

  • view course page for Creating a Responsive Web Experience

    Learn how to add JavaScript to your HTML and CSS to make your webpages more responsive to different screen sizes. Dynamically load content, add animation, collapse navigation, and more.

    1h 23m
    Intermediate
     
    Viewers:

  • view course page for Responsive CSS with Sass and Compass

    Learn how Compass (powered by Sass) can help you build a responsive layout workflow that is easier, faster, and more compatible than CSS alone.

    3h 22m
    Intermediate
     
    Viewers:

  • view course page for Up and Running with Bootstrap 3

    Meet Bootstrap, the one-stop shop for designing sleek, mobile-ready websites with HTML5, CSS3, and JavaScript.

    3h 21m
    Beginner
     
    Viewers:

  • view course page for HTML5 Projects: Creating a Responsive Presentation

    Use open technologies (HTML5, jQuery, and CSS) to create a slideshow that responds to mobile and desktop layouts, and learn to customize the slideshow to fit your next project.

    1h 25m
    Intermediate
     
    Viewers:

  • view course page for HTML5 Projects: Creating an Advanced Responsive Presentation

    Learn to spiff up your HTML5 slideshows with automatic playback, integrated audio and video, and more.

    1h 15m
    Advanced
     
    Viewers:

  • view course page for CSS: Frameworks and Grids

    CSS: Frameworks and Grids with James Williamson

    Explores CSS frameworks and grids, and helps you determine when a framework is right for you.

    3h 27m
    Beginner
     
    Viewers:

  • view course page for Responsive Design with Drupal

    Takes you through the process of making a Drupal website that automatically tailors and sizes content for a wide range of displays, from desktops to mobile devices.

    2h 38m
    Intermediate
     
    Viewers:

  • view course page for Up and Running with Bootstrap 2

    Discover Bootstrap, a free web development tool from Twitter that, with a little bit of CSS and JavaScript experience, makes building websites quick, intuitive, and fun.

    2h 38m
    Beginner
     
    Viewers:

  • view course page for WordPress: Building Responsive Themes

    WordPress: Building Responsive Themes with Morten Rand-Hendriksen

    Demonstrates different design strategies, best practices, and actual code examples for creating a web site that can adapt to multiple devices, screen sizes, and browsers.

    2h 55m
    Intermediate
     
    Viewers:

  • view course page for Creating an Adaptive Web Site for Multiple Screens

    How to build a web site that automatically adapts its layout to various screen sizes, orientations, and resolutions on desktop browsers and mobile devices.

    3h 9m
    Intermediate
     
    Viewers:

“I'm a new subscriber. I'm 10 minutes in and I can't thank you enough. I'm learning what would normally cost me nearly $1,000!” —Melissa K.
more from our members »

Try it free

Learn more, save more. Upgrade today!

Get our Annual Premium Membership at our best savings yet.

Upgrade to our Annual Premium Membership today and get even more value from your lynda.com subscription:

“In a way, I feel like you are rooting for me. Like you are really invested in my experience, and want me to get as much out of these courses as possible this is the best place to start on your journey to learning new material.”— Nadine H.

Start your FREE 10-day trial

Begin learning software, business, and creative skills—anytime,
anywhere—with video instruction from recognized industry experts.
lynda.com provides
Unlimited access to over 4,000 courses—more than 100,000 video tutorials
Expert-led instruction
On-the-go learning. Watch from your computer, tablet, or mobile device. Switch back and forth as you choose.
Start Your FREE Trial Now
 

A trusted source for knowledge.

 

We provide training to more than 4 million people, and our members tell us that lynda.com helps them stay ahead of software updates, pick up brand-new skills, switch careers, land promotions, and explore new hobbies. What can we help you do?

Thanks for signing up.

We’ll send you a confirmation email shortly.


Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

Keep up with news, tips, and latest courses with emails from lynda.com.

Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

   
submit Lightbox submit clicked
Terms and conditions of use

We've updated our terms and conditions (now called terms of service).Go
Review and accept our updated terms of service.