Challenge: Laying out highly variant amounts of text (especially the "attack" text) in a fixed-size space, in a visual medium where spacing nuance is key
Solution: Some JavaScript that scales text size based on character count, and a whole lot of Flexbox.
Challenge: External API is sometimes slow to respond, and app requires fluid click-response for proper UX
Solution: Pre-fetch the first card on app load. When the user clicks the button, they are not fetching,
but displaying already fetched data, and then pre-fetching the next set of data on the same click.