css styling for cover

ihughes22 · Dec 5, 2023 · 6ee7797 · 6ee7797
1 parent 309ed8d
commit 6ee7797
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/digital-memory-book/src/BookExample.css b/digital-memory-book/src/BookExample.css
@@ -1,16 +1,21 @@
 .album-web {
 background: rgb(255, 251, 251);
 text-align: center;
+font-family: 'Times New Roman', Times, serif;
 }
 
 .page {
 padding-top: 150px;
 box-shadow: 0 1.5em 3em -1em rgb(70, 69, 69);
+background: linear-gradient(to bottom, #f9f9f9, rgb(216, 216, 235));
+
 }
 
 .cover {
 background-color: rgb(202, 188, 240);
 box-shadow: 0 1.5em 3em -1em rgb(70, 69, 69);
+background-image: linear-gradient(to right, #bcadf0, #ececf2);
+
 }
 
 

diff --git a/digital-memory-book/src/NewPhotobook.js b/digital-memory-book/src/NewPhotobook.js
@@ -88,7 +88,8 @@ function BookExample(props) {
           className="album-web"
         >
           {/* Front Cover */}
-          <PageCover>{webName}</PageCover>
+          <PageCover>{webName}:
+          A Digital Memory Book</PageCover>
 
           {/* Content Pages */}
           {contentPageNumbers.map((pageNumber) => (