Ghosted by the recruiters and the company!

I was given a HackerRank test to complete and passed it. I then had a phone screen with a recruiter from Washington who informed me that the position had changed from working in Bellevue, WA to Brooklyn, NY. (Whaaaaaa?!!) I agreed to move forward with that role.

I was subsequently invited to four remote video interviews. I cleared my calendar to hold all interviews on the same day. I completed two interviews with a back-end developer and a front-end developer. I passed the initial algorithm question but failed the CSS question on grids. The recruiter coordinating the interviews decided to cancel the other two scheduled interviews because the last interviewer indicated a no-go on my candidacy. The excuse I was given was that the interviewers had enough information to make a decision for next steps, and that I would be informed the following week about feedback. I never heard back from them again. Even a canned response would have sufficed!

What CSS would you write to handle the following scenarios:

• A 4-column grid at viewports greater than 800px.
• A 2-column grid at viewports between 500px and 800px.
• A single column at viewports less than 500px.