One of the main challenges I encounter while using CSS Grid is of the nature of responsive design. I do not know if this problem is due to an immature understanding of CSS Grid, or more of a general setback for all parties involved.

As you try to adapt your website to smaller and smaller screens, font sizes become a problem, regardless of the units you put in use.

The reason why is that as the grid items' dimensions change, text that it occupies overflow, or for that matter, leaves a noticeable space which has to be repaired.

In the light of that, I resort to certain techniques such as to increase the font size when the text of the grid item fails to occupy semi-subjective required space for it to be not considered 'awkward', as the unused space is pushing down the next content even further than one would prefer.

This concludes with an unnatural amount of media queries, created, at certain breakpoints, especially for font sizes.

I am open to any feedback on this.