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.

.

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 the subscription 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

selected filters:
Beginner  
15 Responsive Design courses · 505 video tutorials
sort by:
  • view course page for Muse Essential Training (2015)

    Learn the ins and outs of Muse, Adobe's "playful" web design platform. This training course shows how to create HTML-based websites with Muse.

    3h 57m
    Beginner
     

  • view course page for Designing a Responsive Mobile Website with Muse

    Learn how to use Muse to create a responsive website that looks great on a desktop, tablet, or mobile device. Learn how content can adjust and change so your site always looks good—regardless of where it's viewed.

    1h 42m
    Beginner
     

  • view course page for Responsive Design with Bootstrap and Dreamweaver CC 2015

  • view course page for Creating a Responsive Web Design

    Discover how to use responsive web design to make your site more readable and efficient—on any device. Chris Converse shows you how to use HTML and CSS to adapt a layout to different screen sizes and orientations.

    3h 47m
    Beginner
     

  • 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
     

  • 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
     

  • view course page for Bootstrap Layouts: Responsive Single-Page Design

  • view course page for Responsive Design with Dreamweaver CC

    Learn how to use Dreamweaver's Fluid Grid Layout framework and media queries to create a responsive website design.

    2h 2m
    Appropriate for all
     

  • view course page for Up and Running with Foundation 5

    Learn to build responsive websites with Foundation—the clean, simple design framework that uses integrated CSS and JavaScript.

    2h 59m
    Beginner
     

  • view course page for Creating a Responsive Design with Edge Reflow

  • view course page for Up and Running with Foundation 4

    Introduces this web design framework and provides a quick overview of all of the goodies in Foundation.

    3h 7m
    Beginner
     

  • 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
     

  • view course page for Responsive Design Workflows

    Evolve your current workflow to incorporate responsive design and collaboration practices, without adding too much complexity or overhead.

    1h 20m
    Beginner
     

  • view course page for Responsive Design Fundamentals

    Responsive Design Fundamentals

    with James Williamson

    Introduces the concepts behind responsive design, covering concepts like screen density, fluid grids, and responsive images, as well as actual design strategies that guide you from mock-up to testing.

    2h 15m
    Beginner
     

  • 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
     

“Your website has become a verb. I had a client tell me today that they were lynda.comming their way through learning new software. You’ve joined the ranks of Googling, Photoshopping, and Skyping!” —Jill W.
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:

Testimonial“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.

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.