Text Share Online

/ Draws a horizontal line through the middle of the cell /
.linija-h {
background-image: linear-gradient(to bottom, transparent 47%, #ff0000 47%, #ff0000 53%, transparent 53%);
}

/ Draws a vertical line through the middle of the cell /
.linija-v {
background-image: linear-gradient(to right, transparent 47%, #ff0000 47%, #ff0000 53%, transparent 53%);
}

/ Draws a cross for corners or intersections /
.linija-krusts {
background-image:
linear-gradient(to bottom, transparent 47%, #ff0000 47%, #ff0000 53%, transparent 53%),
linear-gradient(to right, transparent 47%, #ff0000 47%, #ff0000 53%, transparent 53%);
}
HTML

STARTS67“`

(Note: If by “lines” you actually meant you wanted to finish building the double-green maze walls to restrict the path, you already have the CSS for that! You just need to keep adding your existing .augsa, .apaksa, .kreisa, and .labaa classes to the <td> tags in your HTML to close off the wrong directions.)

Would you like me to help figure out exactly which cells need horizontal vs. vertical lines to connect the start to the end?

Share This: