Skip to content

Commit

Permalink
fix: removed terminal warnings for student page
Browse files Browse the repository at this point in the history
  • Loading branch information
zstix committed Jun 10, 2021
1 parent 8dbc10c commit 729b61d
Show file tree
Hide file tree
Showing 2 changed files with 28 additions and 33 deletions.
18 changes: 9 additions & 9 deletions src/pages/students.js
Original file line number Diff line number Diff line change
Expand Up @@ -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,
Expand Down Expand Up @@ -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>
Expand All @@ -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.
Expand All @@ -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
Expand All @@ -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.
Expand All @@ -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>
Expand Down Expand Up @@ -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">
Expand All @@ -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>
Expand All @@ -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!
Expand Down
43 changes: 19 additions & 24 deletions src/pages/students.module.scss
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
.sectionz {
.section {
&:not(:last-child) {
margin-bottom: 4rem;
}
Expand All @@ -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 {
Expand All @@ -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;
}
Expand All @@ -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%;

Expand All @@ -92,7 +87,7 @@
padding: 1rem;
transition: all 0.15s ease-out;
}
.stepNumber{
.stepNumber {
position: absolute;
top: -0.75rem;
left: 0;
Expand All @@ -113,19 +108,19 @@
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);
flex: 1;
text-align: center;
padding: 0;
}
.stepButton{
.stepButton {
justify-self: center;

&:hover {
Expand Down

0 comments on commit 729b61d

Please sign in to comment.