From 729b61d46d871132df6c587b50429c832495a297 Mon Sep 17 00:00:00 2001
From: Zack Stickles <zstickles@gmail.com>
Date: Wed, 9 Jun 2021 17:05:11 -0700
Subject: [PATCH] fix: removed terminal warnings for student page

---
 src/pages/students.js          | 18 +++++++-------
 src/pages/students.module.scss | 43 +++++++++++++++-------------------
 2 files changed, 28 insertions(+), 33 deletions(-)

diff --git a/src/pages/students.js b/src/pages/students.js
index 98025b060..9f2308f06 100644
--- a/src/pages/students.js
+++ b/src/pages/students.js
@@ -199,7 +199,7 @@ const StudentsPage = ({ location }) => {
               <p className={styles.question}>
                 How do I access New Relic Student Edition?
               </p>
-              <div className={styles.answer}>
+              <div>
                 <p>
                   New Relic offers the Student Edition exclusively through the
                   GitHub Student Pack. To verify your account's eligibility,
@@ -227,7 +227,7 @@ const StudentsPage = ({ location }) => {
             </div>
             <div className={styles.group}>
               <p className={styles.question}>Can I purchase Student Edition?</p>
-              <p className={styles.answer}>
+              <p>
                 New Relic offers the Student Edition for FREE to students and
                 educators.
               </p>
@@ -236,7 +236,7 @@ const StudentsPage = ({ location }) => {
               <p className={styles.question}>
                 Can I share my Student Edition with friends?
               </p>
-              <p className={styles.answer}>
+              <p>
                 The student edition comes with three full users. Your friends
                 and classmates are also welcome to sign up for their own free
                 account.
@@ -247,7 +247,7 @@ const StudentsPage = ({ location }) => {
                 Where can I check the status of my student verification with
                 GitHub?
               </p>
-              <p className={styles.answer}>
+              <p>
                 In your GitHub account settings, visit{' '}
                 <strong>Applications > Authorized OAuth Apps</strong> to check
                 whether you have authorized the New Relic OAuth app. If you
@@ -260,7 +260,7 @@ const StudentsPage = ({ location }) => {
               <p className={styles.question}>
                 What if I already have a New Relic free account?
               </p>
-              <p className={styles.answer}>
+              <p>
                 No problem! Just upgrade your account to the Student Edition. In
                 the main menu, look for Student Edition and follow the
                 instructions.
@@ -271,7 +271,7 @@ const StudentsPage = ({ location }) => {
                 What is the difference between the Student Edition and New Relic
                 free account?
               </p>
-              <div className={styles.answer}>
+              <div>
                 <p>Check out this quick comparison chart</p>
                 <table className={styles.chart}>
                   <thead>
@@ -305,7 +305,7 @@ const StudentsPage = ({ location }) => {
               <p className={styles.question}>
                 I’m having trouble verifying my student status with GitHub.
               </p>
-              <div className={styles.answer}>
+              <div>
                 <p>
                   Troubleshoot any GitHub verification related issues{' '}
                   <a href="https://help.github.com/en/github/teaching-and-learning-with-github-education/why-wasnt-my-application-for-a-student-developer-pack-approved">
@@ -319,7 +319,7 @@ const StudentsPage = ({ location }) => {
             </div>
             <div className={styles.group}>
               <p className={styles.question}>Does my Student Edition expire?</p>
-              <p className={styles.answer}>
+              <p>
                 You'll have access to the Student Edition for as long as you’re
                 an active student in the GitHub Student pack.
               </p>
@@ -328,7 +328,7 @@ const StudentsPage = ({ location }) => {
               <p className={styles.question}>
                 Can I upgrade my Student Edition account to a paid account?
               </p>
-              <p className={styles.answer}>
+              <p>
                 Yes! Just enter your information and credit card details into
                 the ‘Manage Plan’ screen, and you’ll convert your account to a
                 paid account!
diff --git a/src/pages/students.module.scss b/src/pages/students.module.scss
index ee3d388f1..7e386923e 100644
--- a/src/pages/students.module.scss
+++ b/src/pages/students.module.scss
@@ -1,4 +1,4 @@
-.sectionz {
+.section {
   &:not(:last-child) {
     margin-bottom: 4rem;
   }
@@ -15,12 +15,12 @@
 }
 
 .offerSection {
-    text-align: center;
-    margin: 6rem 0 2.5rem;
+  text-align: center;
+  margin: 6rem 0 2.5rem;
 
-    h2{
-        text-align: center;
-    }
+  h2 {
+    text-align: center;
+  }
 }
 
 .stepsSection {
@@ -32,27 +32,25 @@
   }
 }
 
-
-
 .faqSection {
   margin: 6rem 0 3rem;
-  h2{
-      text-align: center;
-      margin-bottom: 2rem;
+  h2 {
+    text-align: center;
+    margin-bottom: 2rem;
   }
-  .group{
+  .group {
     margin: 0 0 3rem 0;
-    .question{
+    .question {
       font-size: 1.3rem;
       font-weight: 600;
-      margin-bottom: .25rem;
+      margin-bottom: 0.25rem;
     }
   }
-  .chart{
+  .chart {
     width: 450px;
     thead {
       border-bottom: 2px solid #000;
-      td{
+      td {
         font-weight: 600;
         margin-bottom: 1.5rem;
       }
@@ -72,10 +70,7 @@
   display: grid;
   grid-template-columns: repeat(3, minmax(260px, 1fr));
   grid-gap: 1rem;
-  grid-auto-rows: minmax(
-    var(--guide-list-row-height, 150px),
-    auto
-  );
+  grid-auto-rows: minmax(var(--guide-list-row-height, 150px), auto);
   align-items: stretch;
   width: 100%;
 
@@ -92,7 +87,7 @@
   padding: 1rem;
   transition: all 0.15s ease-out;
 }
-.stepNumber{
+.stepNumber {
   position: absolute;
   top: -0.75rem;
   left: 0;
@@ -113,11 +108,11 @@
     border-color: var(--color-dark-100);
   }
 }
-.stepHeader{
+.stepHeader {
   text-align: center;
   margin-top: 0.5rem;
 }
-.stepDetail{
+.stepDetail {
   font-size: 0.875rem;
   margin-bottom: 1.5rem;
   color: var(--secondary-text-color);
@@ -125,7 +120,7 @@
   text-align: center;
   padding: 0;
 }
-.stepButton{
+.stepButton {
   justify-self: center;
 
   &:hover {