I spent a lot of time trying to do this:
The black square is a \[code\]div\[/code\] (doesn't have to be a \[code\]div\[/code\]) \[code\]container\[/code\].All the other squares are \[code\]div\[/code\]s or \[code\]span\[/code\]s or whatever (its not the issue)Can someone direct me how to accomplish this using plain HTML, CSS and Javascript?*I tried to make all squares \[code\]div\[/code\]s but then because in one line their is a square with different height the next line will be with missing 'parts' and then tried to manage this issue with margin- but it didn't work out and I am sure its not that difficult.