Ajustar diseño web para dispositivos móviles

  • Autor Autor warkings
  • Fecha de inicio Fecha de inicio
warkings

warkings

Eta
Redactor
Verificación en dos pasos activada
Verificado por Whatsapp
hola tengo este código para lograr algo así
KDVLW3V.png


que seria este:

PHP:
<body>
      <div class="box">
            <div class="left">
                <div class="content"> publi
                </div>
            </div>
            <div class="right">
                <div class="content"> botones
                </div>
            </div>
        </div>
        
    </body>

el css: es
HTML:
box {
    overflow: hidden;
}

.content {
    font-size: 15px;
    line-height: 20px;
    padding: 0 20px;
    text-align: justify;
}

.left {
    float: left;
    width: 50%;
}

.left .content {
    border-right: 5px solid #4BB495  ;
}

.right {
    float: right;
    width: 50%;
}
}

lo que pasa que cuando se ve de un dispositivo movil, los botones se ponen arriba de la publicidad, y me gustaría ponerla entre medio como podría hacerlo?
 
Última edición:
Atrás
Arriba