css tweaks

chrisminnick · chrisminnick · commit eb90c72ac079 · 2022-04-15T09:21:11.000-07:00
diff --git a/reactjsfoundations.com/public/index.html b/reactjsfoundations.com/public/index.html
@@ -79,6 +79,7 @@
       }
       .container {
         display: flex;
+        justify-content: space-between;
       }
       #column2 {
         order: 2;
@@ -89,6 +90,7 @@
         width: 20%;
         text-align: center;
         margin-top: 20px;
+        padding: 10px;
       }
       ul {
         margin-top: 0px;
diff --git a/reactjsfoundations.com/src/WpBlog.js b/reactjsfoundations.com/src/WpBlog.js
@@ -55,7 +55,7 @@ function ReactBlog(props) {
   }
   return (
     <div className={styles.blog__posts}>
-      <h1 className={styles.blog__title}>{props.title}</h1>
+      <h2 className={styles.blog__title}>{props.title}</h2>
       <div style={{ textAlign: 'center' }}>
         {page > 1 && <button onClick={handlePrevPage}>Newer posts</button>}{' '}
         {page + 1 <= totalPages && (

Original file line number	Diff line number	Diff line change
`@@ -79,6 +79,7 @@`
`79`	`79`	`}`
`80`	`80`	`.container {`
`81`	`81`	`display: flex;`
	`82`	`+ justify-content: space-between;`
`82`	`83`	`}`
`83`	`84`	`#column2 {`
`84`	`85`	`order: 2;`
`@@ -89,6 +90,7 @@`
`89`	`90`	`width: 20%;`
`90`	`91`	`text-align: center;`
`91`	`92`	`margin-top: 20px;`
	`93`	`+ padding: 10px;`
`92`	`94`	`}`
`93`	`95`	`ul {`
`94`	`96`	`margin-top: 0px;`
Original file line number	Diff line number	Diff line change
`@@ -55,7 +55,7 @@ function ReactBlog(props) {`
`55`	`55`	`}`
`56`	`56`	`return (`
`57`	`57`	`<div className={styles.blog__posts}>`
`58`		`- <h1 className={styles.blog__title}>{props.title}</h1>`
	`58`	`+ <h2 className={styles.blog__title}>{props.title}</h2>`
`59`	`59`	`<div style={{ textAlign: 'center' }}>`
`60`	`60`	`{page > 1 && <button onClick={handlePrevPage}>Newer posts</button>}{' '}`
`61`	`61`	`{page + 1 <= totalPages && (`