<?xml version="1.0" encoding="utf-8"?>
Uxcel
Pro MembershipFor TeamsHelp
Log inSign up

Padding Exercises

Explore hands-on “Padding” exercises to sharpen your skills and level up your craft. Want more? Browse all search results

Gutters
Exercise

Gutters

Intro to Design Grids
Paddings
Exercise

Paddings

Intro to Design Layouts
Icon paddings
Exercise

Icon paddings

Icon Terminology
Spacing
Exercise

Spacing

Intro to Design Layouts
Negative space as breathing room
Exercise

Negative space as breathing room

13 Core Visual Design Principles
Positive and negative space
Exercise

Positive and negative space

Elements of UI Design
Container
Exercise

Container

Anatomy of UI Components
Place icons in consistent containers
Exercise

Place icons in consistent containers

Intro to Icons in UI
Margins
Exercise

Margins

Intro to Design Layouts
Using negative space effectively
Exercise

Using negative space effectively

Visual Design Principles in Practice
Dimensions
Exercise

Dimensions

Anatomy of UI Components
Margins
Exercise

Margins

Intro to Design Grids
Provide enough input padding for scannability
Exercise

Provide enough input padding for scannability

Inputs Usage in UI
Add enough padding to improve scannability
Exercise

Add enough padding to improve scannability

Intro to UI Cards
White space
Exercise

White space

Basics of Design Composition
CSS margin collapse
Exercise

CSS margin collapse

CSS Margins & Paddings
CSS margin auto value
Exercise

CSS margin auto value

CSS Margins & Paddings
CSS padding shorthand property
Exercise

CSS padding shorthand property

CSS Margins & Paddings
CSS margin/padding properties for individual sides
Exercise

CSS margin/padding properties for individual sides

CSS Margins & Paddings
CSS margin shorthand property
Exercise

CSS margin shorthand property

CSS Margins & Paddings
CSS margin's negative values
Exercise

CSS margin's negative values

CSS Margins & Paddings
CSS margin/padding property values
Exercise

CSS margin/padding property values

CSS Margins & Paddings
CSS padding property
Exercise

CSS padding property

CSS Margins & Paddings
CSS padding-top property
Exercise

CSS padding-top property

CSS Margins & Paddings
CSS padding property
Exercise

CSS padding property

CSS Margins & Paddings
CSS margin property
Exercise

CSS margin property

CSS Margins & Paddings
CSS margin property
Exercise

CSS margin property

CSS Margins & Paddings
Padding in Apple’s designs
Exercise

Padding in Apple’s designs

Layout Fundamentals & Spacing
Symbol alignment and padding
Exercise

Symbol alignment and padding

Icons & Symbols Guidelines
Understanding the difference between spacing and sizing
Exercise

Understanding the difference between spacing and sizing

Spacing & Sizing in Design Systems
Setting paragraph and letter spacing
Exercise

Setting paragraph and letter spacing

Typography in Design Systems
Applying spacing to create hierarchy
Exercise

Applying spacing to create hierarchy

Spacing & Sizing in Design Systems
Managing internal and external spacing
Exercise

Managing internal and external spacing

Spacing & Sizing in Design Systems
Defining a base unit for spacing
Exercise

Defining a base unit for spacing

Spacing & Sizing in Design Systems
Exercise

Handling custom spacing or sizing outside the scale

Spacing & Sizing in Design Systems