не работает display:grid

AlexZaw · June 1, 2017

подскажите может почему не работать display:grid в новых версиях браузеров? Opera 45.0, Chrome 58.0.3029.110 (64-bit), FireFox 53.0.3

был использован рабочий код с вебинара на geekbrains по модульным сеткам, но ни один из указанных браузеров не хочет выводить информацию как надо.

на всякий случай вот ссылка на код https://jsfiddle.net/AlexZaw/cdj6h2e1/

PS. разобрался, все дело было в простой опечатке...

Edited June 1, 2017 by AlexZaw

denik1242 · August 3, 2019

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
<style>
    .container {
        display: grid;
        grid-gap: 5px;
        grid-template-columns: repeat(auto-fit,minmax(100px, 1fr));
        grid-template-rows: repeat(2, 100px);
    }
    .div{
        background: yellow;
    }
</style>
</head>
<body>
    <div class="container">
        <div class="div">1</div>
        <div class="div">2</div>
        <div class="div">3</div>
        <div class="div">4</div>
        <div class="div">5</div>
        <div class="div">6</div>
    </div>
</body>
</html>

_______________________________________________________________________________________________________________________________
Скопируйте и проверьте в Google Chrome не работает autofill , а MS Edge работает , кто оъяснит что происходит ?
И вот вопрос возможно ли этот вопрос решить с помощью :
@media only screen ( min-width-device 320px) << все данные чисто как пример .

Sign In

не работает display:grid

Question

AlexZaw

Link to comment

Share on other sites

1 answer to this question

Recommended Posts

denik1242

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information