from top to bottom and left to right