📮
Mailwind
  • 🚀Getting started
    • 👋Introduction
    • 🔗Add a provider
  • 📚Documentation
    • 🎨Tailwind configuration
    • 🔡Dynamic Expressions
    • 📱Responsive
  • API parameters
  • Sendgrid
    • Send an email
      • cURL
      • .NET
      • NodeJS
      • PHP
  • AWS SES
    • Obtain your credentials
    • Send an email
      • cURL
      • .NET
      • NodeJS
      • PHP
  • Resend
    • Send an email
      • cURL
      • .NET
      • NodeJS
      • PHP
Powered by GitBook
On this page
  1. Documentation

Responsive

PreviousDynamic ExpressionsNextAPI parameters

Last updated 1 year ago

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 , 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 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 are designed to cater to desktop viewports by default. However, when addressing smaller screens, responsive variants will take precedence.

You can update configuration in -> Tailwind Configuration

Here's a glimpse at the configuration.

📚
📱
Maizzle
Maizzle
Maizzle
editor