add style

BaderSarah · Apr 23, 2024 · bd8496d · bd8496d
1 parent 699ae2a
commit bd8496d
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 6 deletions.
diff --git a/courses.html b/courses.html
@@ -20,15 +20,20 @@
     <main>
       <h1>Courses</h1>
       <div class="addCourse">
-        <h1>Here you can add a new course.</h1>
+        <h2>Here you can add a new course.</h2>
+        <form id="name">
+          <label id="nameLabel">
+            Name: <input type="text" id="courseName" placeholder="name" />
+          </label>
+        </form>
         <img src="/assets/images/plus.png" alt="plus sign" id="imgPlus" />
       </div>
       <div class="course">
         <div id="courseOne">
-          <h1>course one - example</h1>
+          <h2>course one - example</h2>
         </div>
         <div id="courseTwo">
-          <h1>course two - example</h1>
+          <h2>course two - example</h2>
         </div>
       </div>
     </main>

diff --git a/css/stylesheetCourses.css b/css/stylesheetCourses.css
@@ -61,13 +61,24 @@ h1 {
   grid-row: 4;
   grid-column: 4;
 }
-.addCourse p {
-  text-align: center;
-  grid-row: 1;
+.addCourse h2 {
+  grid-row-start: 1;
   grid-column-start: 2;
   grid-column-end: 4;
+}
+
+h2 {
   text-align: center;
   color: white;
   font-size: 16pt;
   font-family: headerFont, Arial, Helvetica, sans-serif;
 }
+
+#name {
+  grid-row: 3;
+  grid-column: 1;
+  font-size: 14pt;
+  padding: 20px;
+  margin: 10px;
+  text-align: right;
+}