Responsive Mphill, Undergrad pages

blip-cmd · Nov 28, 2023 · 1822f83 · 1822f83
1 parent 9f226dd
commit 1822f83
Show file tree

Hide file tree

Showing 3 changed files with 35 additions and 3 deletions.
diff --git a/mphill.html b/mphill.html
@@ -47,7 +47,7 @@ <h2>MPhil / MSc Programmes</h2>
     </div>
 
 
-    <div class="benefits about-content">
+    <div class="benefits about-content" id="mphill-container">
         <h3>MPhil / MSc Programmes </h3>
         <div class="benefits-container">
             <div class="benefits-experts about-content">

diff --git a/style.css b/style.css
@@ -680,7 +680,7 @@ p {
 
     .about-content {
         padding: 10px;
-        margin: 1em;
+        margin: .5em;
     }
 
     .about-content h2 {
@@ -726,4 +726,36 @@ p {
     form {
         width: 90%;
     }
+
+    .intro-hm .intro-txt h1{
+        font-size: 3em;
+    }
+
+
+    .benefits-container {
+        margin: 0;
+    }
+
+    .benefits-container .benefits-experts, .benefits-container .benefits-certificate {
+        max-width:100%;
+    }
+
+    .benefits-container {
+        flex-direction: column;
+        margin-bottom: 35px;
+    }
+
+    #undergrad-content{
+        padding:0;
+        margin:0;
+    }
+
+    .about-image img {
+        margin-bottom: 30px;
+    }
+
+    #mphill-container{
+        margin: .5em;
+        padding:0
+    }
 }
diff --git a/undergrad.html b/undergrad.html
@@ -47,7 +47,7 @@ <h2>Undergraduate Degree Programmes</h2>
     </div>
 
 
-    <div class="benefits about-content">
+    <div class="benefits about-content" id="undergrad-content">
         <h3>Undergraduate Courses </h3>
         <div class="benefits-container">
             <div class="benefits-experts about-content">