How I make empty map svg quizzes

Recently, I got a comment on one of my quizzes. It basically asked how I made an empty map svg. At first, when I tried to make an empty map svg by following the guide on JetPunk, I found it kind of confusing. I kept trying to see what I was doing wrong, but it didn't work, so I decided to use some code instead. I have found that using a specific few lines of code works very well for empty map quizzes. In my opinion, the quizzes also look better than regular empty map quizzes. In case anyone wants the code, I decided to post it here.

.svg-holder svg * {

display: none !important;

}

.svg-holder svg .svg-correct,

.svg-holder svg .svg-incorrect {

display: inline !important;

}

.svg-holder svg {

position: relative;

}