diff --git a/public/images/mariobackground.jpg b/public/images/mariobackground.jpg new file mode 100644 index 0000000..4bf2180 Binary files /dev/null and b/public/images/mariobackground.jpg differ diff --git a/public/images/mariohd.jpg b/public/images/mariohd.jpg new file mode 100644 index 0000000..ede0067 Binary files /dev/null and b/public/images/mariohd.jpg differ diff --git a/public/scripts/main.js b/public/scripts/main.js index 9e3f890..d02c075 100644 --- a/public/scripts/main.js +++ b/public/scripts/main.js @@ -7,3 +7,6 @@ fetch("/signup", { console.log("You have an error"); console.log(err); }); + + + \ No newline at end of file diff --git a/public/stylesheets/style.css b/public/stylesheets/style.css index 238b2f7..103c825 100644 --- a/public/stylesheets/style.css +++ b/public/stylesheets/style.css @@ -42,15 +42,9 @@ li { /* this is to make the image div not looked stretched *************************************************/ -/* .img-holder { - height: 300px; - width: 100%; - display: flex; - justify-content: center; - align-items: center; -} -.postDiv { + +/* .postDiv { display: grid; height: auto; width: 100%; @@ -61,7 +55,66 @@ li { /* ********************************** */ -/* TESTING BOOTSTRAP HERE */ +ul { + list-style-type: none; +} + +body { + background-color: #f5f5f5; +} + + .grid-container { + display: grid; + grid-template-columns: 45% 45%; + grid-row: 1fr 1fr 1fr ; +} + + .grid-item-3{ + background-color: #362b2b74; + + padding: 5%; +} + + .grid-item-3 img{ + justify-items: center; + max-height: 250px; + +} + .img-holder { + height: 250px; + width: 100%; + display: flex; + justify-content: center; + align-items: center; + +} + + + /* .grid-item-3 img{ + justify-items: center; + max-height: 250px; +} + .img-holder { + height: 250px; + width: 100%; + display: flex; + justify-content: center; + align-items: center; +} + */ + + + + +/*TING BOOTSTRAP HERE */ +@media all and (max-width: 1080px){ + +.grid-container { + display: grid; + grid-template-columns: 1fr; + +} +} \ No newline at end of file diff --git a/templates/loginPage.html b/templates/loginPage.html index 36c5e4e..48b326a 100644 --- a/templates/loginPage.html +++ b/templates/loginPage.html @@ -1,4 +1,4 @@ - +--> diff --git a/templates/members.html b/templates/members.html index 88728a7..cac0e9e 100644 --- a/templates/members.html +++ b/templates/members.html @@ -1,20 +1,34 @@ ${header} -