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

Paddings

Icon container
Exercise

Icon container

Components
Exercise

Components

Modules
Exercise

Modules

Columns
Exercise

Columns

Container
Exercise

Container

Place icons in consistent containers
Exercise

Place icons in consistent containers

Containers
Exercise

Containers

Card
Exercise

Card

Image fit
Exercise

Image fit

Exercise

Use independent width for containers

Cards
Exercise

Cards

Image fill
Exercise

Image fill

Add enough space between containers
Exercise

Add enough space between containers

Snackbars
Exercise

Snackbars

Customer-service chats
Exercise

Customer-service chats

Checkboxes
Exercise

Checkboxes

Dialogs
Exercise

Dialogs

Push notifications
Exercise

Push notifications

Composition
Exercise

Composition

Exercise

Accordions

Product pages
Exercise

Product pages

Carousels
Exercise

Carousels

Splash screens
Exercise

Splash screens

Dividers
Exercise

Dividers

Cards
Exercise

Cards

Separate content groups
Exercise

Separate content groups

Use visual elements to create cohesion within a card
Exercise

Use visual elements to create cohesion within a card

Exercise

Adapt your container size, not the grid

In-app messages
Exercise

In-app messages

Icons
Exercise

Icons