Skip to content

Instantly share code, notes, and snippets.

@secretgspot
secretgspot / index.html
Created June 30, 2025 22:02
Pure CSS crossword - CSS Grid
<input type="checkbox" name="checkvaliditems" id="checkvaliditems" />
<label for="checkvaliditems">Check for valid squares</label>
<div class="crossword-board-container">
<div class="crossword-board">
<!-- ROW 1 -->
<input id="item1-1" class="crossword-board__item" type="text" minlength="1" maxlength="1" pattern="^[sS]{1}$" required="required" value="" />
<input id="item1-2" class="crossword-board__item" type="text" minlength="1" maxlength="1" pattern="^[hH]{1}$" required="required" value="" />
<input id="item1-3" class="crossword-board__item" type="text" minlength="1" maxlength="1" pattern="^[rR]{1}$" required="required" value="" />