The purpose of this project is to use React Hooks for state management, use application state for network requests, and to display search results with images in a consistent per-row width and height, regardless of individual image dimensions.
I use CSS Grid to accomplish this layout. And a simple media breakpoint turns the mobile-first 2-column layout to a 3-column layout at a screen width of 1024 pixels.
This project uses: ReactNext.jsTailwind CSSFetch APICSS GridLorem Picsum