📱Responsive

Given the absence of consistent standards and the diverse range of CSS support among email clients, email developers often employ a multitude of techniques to craft responsive emails. In Maizzle, there's no strict guideline on how to structure your emails: whether you're leaning towards spongy, fluid, responsive, or hybrid designs, all methods are supported. This allows you the freedom to adopt any technique that suits your requirements.

By default, Tailwind CSS screens in Maizzle adopt a desktop-first approach to responsiveness. This might be a departure from what you're accustomed to in traditional web development. The primary reason for this choice is to accommodate email clients like Outlook/Office 365 on Windows, among others, which lack support for media queries.

Utility classes in Maizzle are designed to cater to desktop viewports by default. However, when addressing smaller screens, responsive variants will take precedence.

You can update configuration in editor -> Tailwind Configuration

Here's a glimpse at the configuration.

Last updated