Avaliações do editor: Avaliações do usuário:[Total: 0 Average: 0] @media(min-width: 500px) { } @media(min-width: 800px) { }
Tailwindgen é um gerador de grade Tailwind on-line simples que você pode usar. É preciso um número de linhas e colunas para você e, em seguida, gerar um layout de grade visualmente junto com o código HTML. Todas as classes Tailwind necessárias estão incluídas no código e podem até gerar o código React equivalente para o mesmo.
Já cobrimos os geradores de grade CSS antes. Tailwindgen aqui é mais ou menos o mesmo, exceto pelo fato de que, em vez de classes CSS personalizadas, essa ferramenta gera a grade adicionando classes CSS Tailwind. O bom é que ele oferece um gerador de grade visual onde você pode especificar linhas e colunas personalizadas para obter uma grade da forma desejada.
Usando Tailwindgen para gerar grade CSS usando Tailwind:
O site Tailwindgen é totalmente gratuito para usar. Não há nem mesmo uma página de inscrição ou registro para começar. Visite o site principal aqui e simplesmente comece a usá-lo imediatamente. A interface principal do site é assim.
Agora, você precisa selecionar o número de linhas e colunas. Em seguida, você precisa selecionar um layout de grade, escolher as linhas e colunas específicas e criar um layout personalizado. Você pode especificar o layout da maneira que quiser e ele poderá gerar o código para tudo isso facilmente.
Role para baixo e aqui você verá o código que ele gerou para você. Copie o código CSS e HTML e use-o em seus projetos. O bom aqui é que, além do HTML, ele gera o código dos componentes React como JSX. Você pode copiar isso também se pretende usar a grade do Tailwind no ReactJS.
Desta forma, você pode usar isso simples também para gerar o grind do Tailwind e usar em qualquer um dos seus projetos de front-end. Com isso, você não terá que codificar o layout da grade manualmente. Basta marcar esta ferramenta como favorita e usá-la sempre que quiser.
Pensamentos do Closign:
Tailwind CSS tem ganhado popularidade ultimamente e novas ferramentas auxiliares para ele estão sendo lançadas todos os dias. Um dos blocos de construção básicos necessários para projetar alguma interface do usuário para um site ou aplicativo da web. Portanto, se você precisa de um gerador de grade Tailwind, mencionei um que não irá decepcioná-lo.