[Resolved] Unsemantic center horizontally

Home Forums Support [Resolved] Unsemantic center horizontally

Home Forums Support Unsemantic center horizontally

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #673077
    David

    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.

    #673183
    David
    Staff
    Customer Support

    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;
        }
    }
    #673532
    David

    It works perfect

    Thanks! “tocayo” 😉 (namesake in Spanish)

    #673547
    David
    Staff
    Customer Support

    You’re welcome ‘tocayo’ 🙂

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.