Ver Mensaje Individual
  #1 (permalink)  
Antiguo 12/10/2017, 12:42
winjose
 
Fecha de Ingreso: julio-2008
Mensajes: 258
Antigüedad: 16 años, 5 meses
Puntos: 9
Información Cuál es la forma adecuada de resolver esta implementación...

Hola, buenas a todos:

Estoy realizando los estilos para generar la app que adjunto al mensaje.



He utilizado "div" para cada una de las cajitas. Quizás alguien pueda ayudarme con una metodología mejor.
Lo que he hecho básicamente es, emplear 4 divs para generar las 4 columnas principales, y luego he ido añadiendo divs para cada una de las divisiones internas.

Código HTML:
<section id="app" class="container">
    <div class="row">
      <div class="col-md-12" STYLE="background-color:brown ;border: gray 2px solid; ">Sección CUERPO</div>

      <div class="servicio">

        <div class="box1">
          <div class="tick"></div>
          <div class="id_sh"></div>
        </div>

        <div class="box2">
          <div class="reloj"></div>
        </div>

        <div class="box3"> 
          <div class="cambio1"></div>
          <div class="cambio2"></div>                                
          <div class="id_me"></div>
        </div>

        <div class="box4">  
          <div class="sabor"></div>
        </div> 

      </div>
    </div>
    </div>
  </section> 
El problema es que me estoy haciendo un lío con la posición de cada uno de los div para lograr el resultado final.

Un saludo a todos. Y gracias de antemano.
__________________
"La diversidad de opiniones crean una perspectiva capaz de ver todas las caras del objeto"