/* Контейнер для сетки пикселей */
.pixel-grid {
    display: grid;
    grid-template-columns: repeat(100, 10px);
    /* 100 столбцов по 10px */
    grid-template-rows: repeat(100, 10px);
    /* 100 строк по 10px */
    /*gap: 0.2px; !* Отступы между пикселями *!*/
}

.pixel {
    width: 10px;
    height: 10px;
    background-color: #ffffff;
    /*border: 0.1px dotted #bdbdbd;*/
    cursor: pointer;
}

.pixel:hover {
    opacity: 0.8;
    /* небольшой зум при наведении*/
}