• Estou com uma dúvida em relação a melhor prática na construção do layout usando sobreposição.

    Supondo que eu tenha uma sessão com duas colunas, em cada coluna eu insiro uma imagem e quero que uma delas fique por cima da outra. Qual a forma correta ou a mais indicada de se fazer para deslocar a imagem para que fique parcialmente sobreposta a outra; aplicar margem com valor negativo na imagem ou na coluna?

    Espero que tenha conseguido explicar e alguém possa me esclarecer isso.

    • Este tópico foi modificado 5 anos, 4 meses atrás por Felipe Santos. Motivo: Movendo para "Outros assuntos"
Visualizando 2 respostas - 1 até 2 (de um total de 2)
  • saudações srmanager,

    eu indicaria pensar na margem negativa na própria imagem. pois se usasse na coluna e houvessem outros conteúdos, todos seriam afetados pelo margin da coluna. já que estamos falando de boa prática, então melhor considerar as possibilidades.

    se vai escrever o CSS para isso, o indicado seria usar uma class junto com sua imagem. ai limitaria a margem negativa a esse elemento. além de que precisaria escrever não somente a versão “padrão”, desktop, mas trabalhar nas variações responsivas dessa class, para que ou o efeito também funcione em mobile ou justamente para cancelar esse efeito no mobile e não gerar um problema.

    como eu sou usuário do Elementor, esse tipo de necessidade o próprio Elementor resolve. seja permitindo configurar a margem negativa apenas do elemento – no caso a imagem. seja configurando os valores para as versões desktop, tablet e mobile.

    boa sorte e sucesso com seu projeto.

    Criador do tópico srmanager

    (@srmanager)

    @ralden,

    Obrigado pela dica, realmente eu não tinha pensado nessa questão dos elementos dentro da mesma coluna.

Visualizando 2 respostas - 1 até 2 (de um total de 2)
  • O tópico ‘Pequena dúvida sobre layout’ está fechado para novas respostas.