[Resolved] hero page error css

Home Forums Support hero page error css

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1126622
    Bruno Borsi

    hello this is the code I copied from your documentation. When I glue it
    https://docs.generatepress.com/article/page-hero-examples/ (example3)

    On line 18 (display: -ms-grid;) it signals me a CSS error.

    I can’t solve it

    .page-hero-content {
    padding: 20px;
    background-color: rgba(3,150,156,0.1);
    border: 1px solid
    rgba(120,120,120,0.2);
    border-radius: 10px;
    max-width: 700px;
    }


    @media
    (max-width: 1200px) {
    .page-hero-content {
    padding: 10px;
    margin: auto;
    }
    }

    .inside-page-hero {
    display: -ms-grid;
    display: grid;
    grid-template-areas: “left right”;
    -ms-grid-columns: 50% 50%;
    grid-template-columns: 50% 50%;
    }

    .page-hero-content {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    grid-area: left;
    }


    @media
    (max-width: 768px) {
    .inside-page-hero {
    display: block;
    }
    }

    #1126671
    David
    Staff
    Customer Support

    Hi there,

    you can safely ignore the warning and publish the changes.

    #1126673
    Bruno Borsi

    Thank you David I wish you a wonderful 2020

    #1126677
    David
    Staff
    Customer Support

    You’re welcome and you too !

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