Responsive multipage website using React and Tailwind CSS

Something that i found somewhat difficult was to change the backgrounds based in the current size of the viewport, im not sure if my implementation using an event listener for the window resizing is optimal. You can find an example about it in the DetailsItem component. I tried to do it with tailwind pseudoclasses but it didn't work.

For the layout purposes i used only flexbox since i feel very comfortable with it, and almost never feel the need to use grid, i dont know if it is optimal, but i find myself always losing more time when using grid.