<!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) << все данные чисто как пример .