Having trouble centering target (div) on the screen. When width/height on the .rings div is changed to 100px, it works. I'm wanting the size to be at least 300px, as is in the forked scrim. Feel that I'm having a brain fart. I'll take a hint or reference to a lesson to review. Thanks!
https://scrimba.com/scrim/code649ad8dd1e087c9b8971a
#Archery Target Challenge (Javascriptmas Day 15)
graceful birch
Archery Target Challenge (Javascriptmas Day 15)
wheat bone
using the methods you have so far maybe a transform: translate(-50%, -50%); would work better than the two margins -50px.
alternatively if you want to stick with the negative margins maybe take a second look at the amount... 50px seems a little low for an image that's effectively 300px...
graceful birch
That did it, I'm actually not familiar with the transform: translate(), reading up on it now. Appreciate your help, thanks!