Understanding Margins in UI Design: A Guide for Beginners

Margins play a crucial role in user interface (UI) design, ensuring that content is well-organized and visually appealing. In this guide, we'll explore the basics of margins in UI design, including best practices for different devices.

**Mobile Devices**: On mobile devices, smaller margins are used to prevent the content from feeling cramped. A margin of 16px around the entire content area is a good starting point.

**Tablets**: Tablets offer more screen space, allowing for slightly larger margins. Aim for a margin of 20-24px to create a comfortable reading experience while keeping touch targets easily reachable.

**Desktop Devices**: Desktops have the most screen real estate, making it ideal for using larger margins. A margin of 30-40px around the main content area can help structure the layout and prevent content from spreading too far across the screen.

**Additional Techniques**: Uniform margins, asymmetric margins, negative margins, and fluid margins are all useful techniques to consider when designing a UI.

Source: https://dev.to/uicraft_by_pratik/introduction-to-ui-design-understanding-the-basics-ih4