<?xml version="1.0" encoding="utf-8"?>
Print resolution
Exercise

Print resolution

Web resolution
Exercise

Web resolution

Exercise

Responsive grid

Adaptive design
Exercise

Adaptive design

Exercise

What is adaptive design

Exercise

Fluid grid

Exercise

Fixed grid

Exercise

Fluid element

Fluid layouts
Exercise

Fluid layouts

Exercise

Design process speed

Exercise

Similarities between adaptive and responsive design

Responsive design
Exercise

Responsive design

Retina
Exercise

Retina

Exercise

Retrofitting an existing design

Dimensions
Exercise

Dimensions

Margins
Exercise

Margins

Image fit
Exercise

Image fit

Exercise

What is responsive design

Exercise

Ensure 200% text resizing

Dimensions
Exercise

Dimensions

Choose the grid
Exercise

Choose the grid

Exercise

Load times

Identify content zones
Exercise

Identify content zones

Identify your content
Exercise

Identify your content

Exercise

Control over mobile layout

Fixed layouts
Exercise

Fixed layouts

Define user flows
Exercise

Define user flows

Wireframe only key screens
Exercise

Wireframe only key screens

Exercise

Decide on your target screens & layouts

Add content and UI elements
Exercise

Add content and UI elements

What is responsive design
Exercise

What is responsive design

Share your wireframes with the team and clients
Exercise

Share your wireframes with the team and clients

Exercise

Screen size

Set up a Figma frame
Exercise

Set up a Figma frame

Using icons in Figma
Exercise

Using icons in Figma

Using a grid in Figma
Exercise

Using a grid in Figma

Apply color styles
Exercise

Apply color styles

What is auto layout?
Exercise

What is auto layout?

Apply text styles
Exercise

Apply text styles

Auto layout use cases
Exercise

Auto layout use cases

Exercise

Define text styles

Turn objects into components
Exercise

Turn objects into components

Exercise

Horizontal and vertical resizing

Inserting images in Figma
Exercise

Inserting images in Figma

Content distance and scaling
Exercise

Content distance and scaling

Layout adaptation strategies
Exercise

Layout adaptation strategies

Exercise

Group and align elements

Apply effects to images
Exercise

Apply effects to images

What are components?
Exercise

What are components?

Exercise

Define color styles