<?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

Paddings
Exercise

Paddings

Intro to Design Layouts
Icon paddings
Exercise

Icon paddings

Icon Terminology
Spacing
Exercise

Spacing

Intro to Design Layouts
Negative space design principle
Exercise

Negative space design principle

Theory of Design Principles
Gutters
Exercise

Gutters

Intro to Design Grids
Positive and negative space
Exercise

Positive and negative space

UI Design Elements
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
Negative space design principle
Exercise

Negative space design principle

Usage of Design Principles
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
Symbol alignment and padding
Exercise

Symbol alignment and padding

Icons & Symbols Guidelines
Padding in Apple’s designs
Exercise

Padding in Apple’s designs

Layout Fundamentals & Spacing