title: How to fill a large rectangular div with smaller square divs no matter the ratio and screen size?
body: <p>I am creating a simple to use site where by one of the sections is a projects section, the div  for the section will hopefully be the same size as the window (from and up to a certain resolution). I want to fill said rectangular div with square divs each the same size, enough to fill the rectangle div and leave no gaps nor overlap the edges of the rectangle div and so on. what would be the best approach for this as I am stumped at the moment.</p>