QR Code Component with ReactJS/Vite and TailwindCSS

Initially I attempted to use the source code and use just Tailwind and vanilla HTML, but I ended up incorporating React/Vite since I'm more practiced at it. For this challenge:

-When would one consider Flexbox as opposed to CSS grid? I played around with both and ended up using Flexbox because CSS grid felt more complicated to format statically with grid. -I divided the QR code card and the footer text into separate components. Does it needlessly complicate it this way versus just putting the text into the main App.jsx?