Layout Considerations in MDX
When embarking on a new project, it's essential for both developers and designers to align on the layout approach. Our design system accommodates different layout strategies, and the choice between them should be a collaborative decision made early in the project lifecycle.
-
Option 1: Fluid Design with Single Breakpoint
The first approach is a fluid design with a single breakpoint, which separates touch screens from all other screens. This method ensures a seamless user experience across various devices, with a flexible layout that adapts to different screen sizes. It's an excellent choice for projects aiming for simplicity and broad accessibility. -
Option 2: Breakpoint Design with Multiple Breakpoints
Alternatively, you might opt for a breakpoint design with multiple breakpoints. This approach allows for a high degree of customization for specific screen sizes, providing a tailored experience for each device. It's particularly useful for projects requiring detailed control over the layout on different devices.
Before deciding on a layout strategy, we encourage developers and designers to consult with each other to understand the project requirements and user needs better. This collaboration will ensure an optimal layout choice that supports a user-friendly, effective, and cohesive design across all platforms.