Hello all,
Teaching myself some stuff because why not, and have run into a problem.
I'm trying to load up a section of buttons (2 rows, 4 columns: A-H), but have them retain absolute positions. At the moment I'm doing it with CSS
<div id="option-buttons" class="btn-grid">
<button class="btn">Option 1</button>
<button class="btn">Option 2</button>
...
<button class="btn">Option 8</button>
</div>
.btn-grid {
display: grid;
grid-template-columns: repeat(4, auto);
gap: 2vh;
}
And then just appending each button in a loop in my script.
However, rather than just having each button take up the next button space, I'd like them to have set positions. IE the "back" button always occupies the last spot.
I figured that this would probably be an easy one for you guys. My learning/troubleshooting resources are blocked (thanks China) and VPN is down (thanks again China). Poal is one of the only sites that isn't blocked... even w3schools.com is blocked.
(post is archived)