why is my html/css layout behaving this way?
to preface, i've already figured out the fix to this. I'm still curious though as to why the elements are laid out this way. why did 3 of the empty divs get their own row, meanwhile the other 3 are hidden behind the row of images. Also, what did the empty divs even base their 100% height off of ? thanks.
https://codepen.io/Joseph-Huff-the-scripter/pen/bGyMvJr
https://codepen.io/Joseph-Huff-the-scripter/pen/bGyMvJr

