Ferramenta Prática para Inspecionar Media Queries
O Tailwind CSS Media Query Inspector é uma extensão para Chrome que facilita a visualização dos breakpoints em que você está trabalhando. Com um ícone simples na barra de ferramentas do navegador, a extensão exibe a consulta de mídia atual, permitindo que desenvolvedores verifiquem rapidamente como suas páginas se comportam em diferentes tamanhos de tela. Além de suportar as consultas de mídia padrão do TailwindCSS, os usuários podem configurar regras personalizadas para atender às suas necessidades específicas.
A extensão não analisa o CSS de um site, mas monitora as consultas de mídia que você configurar. Na versão 2, haverá a funcionalidade de permitir a configuração de diferentes consultas de mídia para cada domínio, o que promete aumentar ainda mais a flexibilidade e a utilidade da ferramenta. Ideal para desenvolvedores que desejam um controle mais preciso sobre o design responsivo de suas aplicações.
