Reduce font size. Add horizontal rule above footer section.

Coolczycki · Mar 26, 2021 · 331f4a7 · 331f4a7
1 parent ddd3368
commit 331f4a7
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 5 deletions.
diff --git a/index.css b/index.css
@@ -348,7 +348,7 @@ figure {
 .NewsLet p {
   position: relative;
   align-self: flex-start;
-  font-size: 1rem;
+  font-size: 0.85rem;
   letter-spacing: 0.2px;
   color: rgb(51, 51, 51);
   width: 100%;
@@ -729,12 +729,14 @@ figure {
   margin-right: 25px;
   margin-top: 25px;
   flex-grow: 1;
+  font-size: 1.4rem;
 }
 
 .Pick2 {
   width: 310px;
   margin-right: 25px;
   margin-top: 15px;
+  font-size: 1.4rem;
 }
 
 .Pick2 h6 {
@@ -777,15 +779,23 @@ figure {
   width: 100%;
 }
 
+.footerhr {
+  width: 70%;
+}
+
+.homepage{
+  font-size: 15px;
+}
+
 /* real footer starts here */
 .footerFlexBox {
   margin-top: 25px;
   display: flex;
   flex-direction: row;
   color: black;
-  font-size: 17px;
+  font-size: 15px;
   font-weight: 500;
-  line-height: 34px;
+  line-height: 25px;
   text-decoration: none;
   justify-content: space-between;
 }
@@ -818,7 +828,7 @@ figure {
   width: 100%;
   margin: 0 auto;
   color: black;
-  font-size: 15px;
+  font-size: 13px;
   font-weight: 500;
   line-height: 34px;
   text-decoration: none;

diff --git a/index.html b/index.html
@@ -442,11 +442,14 @@ <h4 class="bold"> Most Popular </h4>
 
 
 </footer>
+
+<hr class="footerhr">
+
 <div class="bottomFooter">
 
 	<div class="footerTitle">
 		<a href="https://www.nytimes.com/"><img src="Pics/NTYL.png" alt="New York Times Logo" width="195" height="32"></a>
-		<a href="https://www.nytimes.com/"><p>Go to Home Page</p></a>
+		<a href="https://www.nytimes.com/"><p class="homepage">Go to Home Page>></p></a>
 	</div>
 
 	<div class="footerFlexBox">