как сделать изображение, занимающее всю сетку - PullRequest
Новая
       93

как сделать изображение, занимающее всю сетку

1 голос
/ 31 января 2020 
**[![model image][1]][1]


  [1]: https://i.stack.imgur.com/0PfBI.jpg

Вот мой код, я не знаю, как заставить их выглядеть на картинке, я попробовал с шаблонами. но это напрасно, я не знаю, как это сделать. Я пытался изменить размеры, ничего, я застрял спасибо за вашу помощь, кстати 

        .heromain-imgs {
        display: grid;
        grid-gap: 0;
        grid-template-columns: 30% % 10% 12% 12% 12% 12% 12%;
        grid-template-rows: repeat(3, 1fr)
    }

    .picture {
        width: 100%;
        height: 100%;
        position: relative;
    }

    .picasia {
        grid-column-start: 1;
        grid-column-end: 3;
        grid-row-start: 1;
        grid-row-end: 4;
    }


    /* Picture of Asia */

    .picture img {
        width: 100%;
        max-height: 100%;
    }

    .picture p {
        position: absolute;
        color: red;
        z-index: 10;
        left: 50%;
        top: 50%;
    }


    /*  */

    .picsuda {
        grid-column-start: 1;
        grid-column-end: 3;
        grid-row-start: 3;
        grid-row-end: 4;
    }



                 .picafrica {
        grid-column-start: 7;
        grid-column-end: 8;
        grid-row-start: 2;
        grid-row-end: 3;
    }**

введите описание изображения здесь

...