Tailwind responsive small screen property overridden by sm: - max width

Question

I am trying to create a responsive grid layout in tailwind css with one column on small screen size, and two columns on everything else. And I set the grid to have max-width so