Hey nerds: I have a really beginner coding question. I made a fake dodgeball team webpage. I used flex containers. I am trying to take a screen shot of this page, but I can't shrink the boxes without them squishing up. What is the code to make everything inside the container shrink? I don't care if it is tiny, I want to add the code for a second for my screenshot, so I can make a check off list.
Discussion
I'm not sure why you need that to take a screenshot but maybe style="scale: 50%;" might help.
because this happens when i zoom out
Try ctrl + minus to shrink the scale of the page. Press ctrl + 0 to reset the scale when you're done
this is what happens when i do that
nostr:npub1arkn0xxxll4llgy9qxkrncn3vc4l69s0dz8ef3zadykcwe7ax3dqrrh43w
i got a temp fix, i will fix my code with better code later, thank you for helping. :D
Try ‘object-fit: contain’ on the image styles?
Thank you for helping me find the code! nostr:npub1klr0dy2ul2dx9llk58czvpx73rprcmrvd5dc7ck8esg8f8es06qs427gxc helped me with a temporary fix (which I just posted). I will go back and write the code out better. This was a mock up thing I threw together when I was bored at work. I was entertaining myself with virtual trading cards.
I will go look at the w3 to see if I can fix this code though. It is start, but needs major love.