is it possible to make divs grow according to its grid cell?

I'm trying to make a wordle game and a problem I'm confronting is about responsibility. I want each div to have a 1fr of size, that is, its grid cell width and properties. Can someone guide me on how to do this? Css code in image Codepen: https://codepen.io/leoncelestino/pen/OJqGwwz
No description
5 Replies
Pi (I'll eat who dont correct me
If needed some more information please let me know
Pi (I'll eat who dont correct me
It shows nothing, i think it is because the divs don't have anything to base its size
No description
Pi (I'll eat who dont correct me
I'm trying to post this in a codepen j a minute Done