Remove good/bad

public/assets/scaffolding.css

@@ -936,42 +936,6 @@ body .container main article p.switch [role=switch][aria-checked=true] > span {
 	margin-left: calc(1.5rem - 5%);
 }
 
-.good-bad {
-	display: -ms-grid;
-	display: grid;
-	-ms-grid-columns: (1fr)[2];
-	grid-template-columns: repeat(2, 1fr);
-	grid-gap: 1rem;
-	margin-bottom: 1rem;
-}
-@media (max-width: 768px) {
-	.good-bad {
-		-ms-grid-columns: auto;
-		grid-template-columns: auto;
-		-ms-grid-rows: (-webkit-max-content)[2];
-		-ms-grid-rows: (max-content)[2];
-		grid-template-rows: repeat(2, -webkit-max-content);
-		grid-template-rows: repeat(2, max-content);
-	}
-}
-.good-bad > fieldset {
-	border-style: solid;
-	border-width: 0.5rem;
-	border-color: var(--colour-error);
-	padding: 1.5rem;
-	margin: 1rem 0;
-}
-.good-bad > fieldset legend {
-	background-color: white;
-	font-weight: bold;
-	padding: 0 1rem;
-	position: relative;
-	left: -1.5rem;
-}
-.good-bad > fieldset:nth-child(1) {
-	border-color: var(--colour-green);
-}
-
 /**
  * prism.js default theme for JavaScript, CSS and HTML
  * Based on dabblet (http://dabblet.com)

src/scss/scaffolding.scss

@@ -147,38 +147,6 @@ body {
 	}
 }
 
-
-.good-bad {
-	display: grid;
-	grid-template-columns: repeat(2, 1fr);
-	grid-gap: 1rem;
-	margin-bottom: 1rem;
-	
-	@include break (-md) {
-		grid-template-columns: auto;
-		grid-template-rows: repeat(2, max-content);
-	}
-	
-	> fieldset {
-		border-style: solid;
-		border-width: .5rem;
-		border-color: var(--colour-error);
-		padding: 1.5rem;
-		margin: 1rem 0;
-		legend {
-			background-color: white;
-			font-weight: bold;
-			padding: 0 1rem;
-			position: relative;
-			left: -1.5rem;
-
-		}
-		&:nth-child(1) {
-			border-color: var(--colour-green);
-		}
-	}
-}
-
 // keep your prism modules
 @import "../../node_modules/prismjs/themes/prism";
 @import "../../node_modules/prismjs/plugins/toolbar/prism-toolbar";