Hola! ¿Alguien sabe por qué en ie y chrome los “likes” y “comments” me ape aparecen abajo y no centrados? (es el mismo código del ejempl...

Pregunta de la clase:
Layout de Instagram
Iliana Deetz

Iliana Deetz

Pregunta
studenthace 7 años

Hola!

¿Alguien sabe por qué en ie y chrome los “likes” y “comments” me ape

aparecen abajo y no centrados? (es el mismo código del ejemplo).

AAAAAAAAAAAAAAAAa.png

5 respuestas
para escribir tu comentario
    Lucas Czumadewski

    Lucas Czumadewski

    studenthace 6 años

    El error esta en tus etiquetas html, fijate que los cierres esten iguales a este ejemplo

    <body> <section class="post-list"></section> <a href="" class="post"> <figure class="post-image"> <img src="compu.jpg" alt="" > </figure> <span class="post-overlay"> <p> <span class="post-likes">150</span> <span class="post-comments">10</span> </p> </span> </a> </body>
    Pablo Domínguez Durán

    Pablo Domínguez Durán

    studenthace 6 años

    Yo tuve problemas porque se me escapó el

    display: block
    en
    .post
    . Y como dicen arriba, ten cuidado con los
    positon

    Carmen Sánchez Salgado

    Carmen Sánchez Salgado

    studenthace 7 años

    Asegúrate de tener position: absolute; en .post-overlay y position: relative; en .post

    = )

    Camilo Castillo

    Camilo Castillo

    studenthace 7 años

    te falta alinear el contenido

    align-items: center; text-align: center;
    Pablo Elias Mercado Moreno

    Pablo Elias Mercado Moreno

    studenthace 7 años

    prueba colocando

    top:0;

    en .post-overlay

Curso de CSS Grid Layout 2017

Curso de CSS Grid Layout 2017

El módulo CSS Grid Layout nos permite generar distribuciones del contenido en nuestros sitios web de forma eficiente. Controla esta estructura bidimensional de filas y columnas con propiedades de CSS. Crea layouts increíbles de manera fácil, rápida y sin repetir código.

Curso de CSS Grid Layout 2017
Curso de CSS Grid Layout 2017

Curso de CSS Grid Layout 2017

El módulo CSS Grid Layout nos permite generar distribuciones del contenido en nuestros sitios web de forma eficiente. Controla esta estructura bidimensional de filas y columnas con propiedades de CSS. Crea layouts increíbles de manera fácil, rápida y sin repetir código.