Responsive Design for Web Designers [for PC, Mac, Android, & iOS]

Learn How to Create Flexible Designs That Truly Look Excellent on Every Screen with This 1-Hour Course from Mark Lassoff

You’ve created a beautiful website design! Congratulations. The colors are perfect! The logo really pops. The photography is stunning! You’re really proud of the work. Until… You look at the design on a mobile device. On mobile, the layout you worked on so carefully is broken. Images don’t appear in the right place. The text (where it’s still visible) is all the wrong size. The design requires side-scrolling. It’s just a mess.

This course takes a mobile-first design approach and explains the “why” behind important responsive design topics like fluid grids, content scale, and cross-device testing. But you’re going to get more than a bunch of theory and “should do’s”! You’re going to get the critical and immediately-applicable HTML and CSS training you need to move the responsive design from your prototype into production. This course features broadcast-quality video, a true no BS “get to the point” structure, in an easily accessible and engaging format.

4.6/5 average rating:
★ ★ ★ ★
★ ★

Access 12 lectures & 1 hour of content 24/7

Identify the four elements of responsive Design

Understand & use a mobile-first design approach

Understand how & why to design with fluid content grids

Understand how content scale impacts responsive design

Execute cross-device preview & testing to ensure designs work on different sized screens

Utilize the meta tags required in code for responsive design

Work with the tag to create responsive images
Create media queries that alter designs for multiple size screens

“Mark does a great job on walking through complicated topics and breaks it down for easier consumption. This course covers the basics of responsive web design that can be used by non-developers to talk to and understand the development process. As well as for existing developers to add responsive design to their tool set. A must for all working on creating websites.” – Russ E.SpecsImportant Details

Length of time users can access this course: lifetime
Access options: desktop & mobile
Redemption deadline: redeem your code within 30 days of purchase
Experience level required: intermediate

Have questions on how digital purchases work? Learn more here

Requirements
Foundational understanding of HTML and CSS
TermsUnredeemed licenses can be returned for store credit within 30 days of purchase. Once your license is redeemed, all sales are final.