Site logo

Archived topic

Unsemantic center horizontally

3 replies · Started by David on September 10, 2018

Viewing posts 1–4 of 4

I hope I can explain myself well.
I am using sections and css unsemantic framework.
I can not center the image horizontally with the text.
Unsemantic css center horizontally

The code in section is:

<h2 id="nosotros" class="dmf-h2-home" >Nosotros</h2>

<div class="grid-container">

<div class="grid-40 push-60 mobile-grid-100">
<div class=""><img class="" style="" src="https://www.emedicaldrone.pro/wp-content/uploads/emd.pro-drone-2-pagina-inicio.png" alt="operario usando un rpa" /></div>
</div>

<div class="grid-60 pull-40 mobile-grid-100">

<h4>José María López Hens</h4><p>Médico, vinculado al mundo de las emergencias sanitarias desde hace muchos años y con amplia experiencia en dicho campo. Dentro de mi trabajo, me encanta el mundo de las emergencias colectivas y catástrofes, habiéndome formado durante años en esta disciplina de la medicina y siendo responsable de la comisión de catástrofes en mi empresa.
Me encanta impartir docencia en temas relacionados con mi trabajo así como organizar simulacros, ejercicios prácticos y talleres.
Mi vinculación con el mundo de los drones viene de hace poco tiempo, pero ha calado en mí de tal manera que supone actualmente un estímulo muy importante en mi actividad profesional. Junto con mis compañeros tratamos de adaptar esta nueva herramienta que son los drones a nuestro trabajo y <strong>os podemos asegurar que se pueden hacer cosas muy interesantes</strong>.</p>

<h4>Carlos Romero Olóriz</h4><p>Médico especialista en Medicina Interna. Desarrollo mi labor profesional en emergencias sanitarias extra-hospitalarias desde el año 1996. Experto Universitario en RPAs y sus aplicaciones civiles por la Universidad de Cádiz (1ª edición), piloto y operador de RPAs. Siempre aprendiendo y apasionado de las nuevas tecnologías (inteligencia artificial, visión artificial, RPAs, IoT, …) y su aplicabilidad al campo de la sanidad y las emergencias. <strong>“El fracaso más grande es nunca haberlo intentado”</strong> (Proverbio chino).</p>

<h4>Sixto Cámara Anguita</h4><p>Enfermero, experto en emergencias sanitarias, desarrollando esta labor profesional desde 2000. Apasionado de la tecnología, he participado en proyectos de innovación y TICs con entidades, organismos y universidad.
Simpatizante del “movimiento maker”. Disfruto enormemente investigando y descubriendo nuevas herramientas tecnológicas para <strong>cuidar mejor en emergencias</strong>. Mi frecuencia cardíaca aumenta al escuchar palabras como: TED, arduino, wereable, dron, app, …</p>

</div>
</div>

Link to the web.
Do you know how I can do it?

Salu2, David.

Hi there,

we can use the contenedor2 class you have added and apply this CSS:

@media (min-width: 1024px) {
    .contenedor2 {
        display: flex;
        align-items: center;
    }
}

It works perfect

Thanks! "tocayo" ;-) (namesake in Spanish)

You're welcome 'tocayo' :)

This archived topic is closed to new replies.