Ir para conteúdo
Fórum Script Brasil
  • 0

O notebook de 14" e o celular de 7"


Frank K Hosaka

Pergunta

No Laravel, estou migrando do Bootstrap para o Tailwinds, com a ajuda do Copilot.

Basicamente estou tentando fazer com as <div> o mesmo que eu fiz com os <td>.

No notebook, tudo funciona a mil maravilhas. Já no celular, tudo é um tumulto generalizado, uma <div> fica em cima da outra.

Por ora, decidi esquecer a responsividade, decidi que a tela do celular vai ser espelho do notebook.

Claro que isso é impossível, mas achei um denominador comum: o tamanho do <body>, decidi definir assim:

<style>
  @media (min-width: 768px) { body {width: 500px; margin: auto} }
  @media (max-width: 767px) { body {width: 500px } }
</style>

Ou seja, o celular vai mostrar o que puder e o notebook vai colocar tudo no meio da tela.

A responsividade é bacana, mas isso vou deixar lá para frente.

Link para o comentário
Compartilhar em outros sites

0 respostass a esta questão

Posts Recomendados

Até agora não há respostas para essa pergunta

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,4k
×
×
  • Criar Novo...