The tailwind properties used on the cards for 'width' were not in increments of 4. Caused overlapping and scaling issues on smaller devices. <img width="1121" height="589" alt="Image" src="https://github.com/user-attachments/assets/cb2089bf-4d33-4aed-b0dd-f449827c61d0" /> Solution: increment the problem width values to the nearest multiple of 4