Positioning of Elements in “float” and “clear” while resizing the window

Question

Link to the Code in Github is here- Code Link

I applied " float:left; " to all these boxes. Now when I resize the window why does the last box goes here