Did the things! The resizing was awful. I ended up making an SVG around the label and parking an empty image tag there. I'll use that to provide a template.
10/17/25 - Today, I was able to get dang near the whole thing implemented! Mapping it out on the whiteboard made a transformational difference. I was able to continually reference it in very useful ways.
10/16/25 - Got the basic outline completed. First, I started with a print out of a real nes cartridge that I put on a graph white board to map out the fr. This worked extremely well. As I got the basic structure of the grid coded into css, it was looking super wonky. It was then I realized I was using grid-area talking frs instead of lines. Once I realized I needed to talk lines, I fixed a bit of it and gave up with hope.
10/15/25 - After working on a programattically created cartridge for my professor arcade site for a bit, I realized I needed to stop with trying to design it while it I was also working on the JS to automatically create each cartridge on upload. Thus, this site was born. I figured this is a great way to practice my CSS skills and also prepare templates that I can use later.