diff --git a/frontend/src/assets/Home.css b/frontend/src/assets/Home.css index f1bed43..76a3855 100644 --- a/frontend/src/assets/Home.css +++ b/frontend/src/assets/Home.css @@ -29,7 +29,7 @@ margin: 1.5rem 0; font-size: 1.5rem; text-align: start; - list-style-type: decimal; + list-style-type: disc; } .home-paragraph-container ul { @@ -60,6 +60,31 @@ height: 5rem; } +.features-top-container { + display: flex; + flex-direction: row; +} + +.feature { + flex: 1; + display: flex; + flex-direction: column; + align-items: center; +} + + +.feature > h2 { + font-size: 1.75rem; + text-decoration: underline; + margin: 0; +} + +.feature > ul { + width: fit-content; + margin-top: 0.5rem; + +} + @media only screen and (max-width: 1200px) { .home-container { @@ -113,4 +138,13 @@ height: 12rem; width: 20rem; } + + .features-top-container { + flex-direction: column; + } + + .feature > ul { + align-self: flex-start; + margin-left: 3.5rem; + } } \ No newline at end of file diff --git a/frontend/src/containers/Home/Home.js b/frontend/src/containers/Home/Home.js index 608693d..5d214a5 100644 --- a/frontend/src/containers/Home/Home.js +++ b/frontend/src/containers/Home/Home.js @@ -20,7 +20,7 @@ function Home() { candidature of 4 to 5 years, targeted at pre-matriculating and newly matriculated students who are generally less informed about the academic university structure.

- @@ -37,14 +37,31 @@ function Home() {

Features

- +
+
+

Core Features

+
    +
  • Academic Plan Creator
  • +
  • Drag and Drop UI
  • +
  • Automatic Prerequisite/Preclusion Checks
  • +
  • Course Requirements Summaries
  • +
  • Graduation Fulfilment Checker
  • +
  • User Help Forum
  • +
+
+
+

Extensions

+
    +
  • Dark Mode Display
  • +
  • Moderator Privileges
  • +
  • Profile Page
  • +
  • Academic Plan Download
  • +
  • Graduation Requirement Checks
  • +
+
+ +
+

Technologies Used