ok

src/pages/LinktreePage.module.css

@@ -1,5 +1,5 @@
 /* General container */
-.linktreePage {
+.centeredLinktreePage {
     height: 100vh;
     display: flex;
     flex-direction: column;
@@ -7,6 +7,14 @@
     background-color: rgb(210, 232, 35);
   }
   
+.nonCenteredLinktreePage {
+  height: 100vh;
+  display: flex;
+  flex-direction: column;
+  justify-content: start;
+  background-color: rgb(193 201 134);
+}
+
   .dashboardLine {
     position: fixed;
     left: 0px;
@@ -319,11 +327,90 @@
   
   
 .rectangle {
-  height: 150px; /* Height of each rectangle */
+  height: 50px; /* Height of each rectangle */
   display: flex;
   justify-content: center;
   align-items: center;
   border-radius: 10px; /* Rounded corners */
-  font-size: 24px;
+  font-size: 20px;
   background-color: rgb(114, 114, 114);
+  margin: 5%;
+  position: relative;
+  font-weight: 500;
+}
+.subRectangle {
+  height: 50px; /* Height of each rectangle */
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  border-radius: 10px; /* Rounded corners */
+  font-size: 20px;
+  background-color: rgb(114, 114, 114);
+  margin: 5%;
+  position: relative;
+  font-weight: 500;
+  margin-left: 60px;
+}
+
+
+.header {
+  background-color: white;
+  top: 0;
+  width: 100%;
+  height: calc(25vh - 25px);
+  margin-bottom: 15vh;
+  padding-top: 25px;
+}
+
+.headerCardWrapper {
+    top: 0;
+    position: absolute;
+    width: 100%;
+    bottom: 50vh;
+    justify-content: center;
+    display: flex;
+    align-items: center;
+}
+.headerCard {
+  background-color: #947257;
+    position: relative;
+    width: 90%;
+    border-radius: 20px;
+    height: 40%;
+}
+.cafeListWrapper{
+  background-color: white;
+    border-radius: 20px 20px 0 0;
+    bottom: 0;
+    position: absolute;
+    width: 100%;
+    max-height: 164.5px;
+}
+
+.cafeListHeader{
+  background-color: white;
+    border-radius: 20px 20px 0 0;
+    bottom: 0;
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    top: -45px;
+    background-color: #b09c72;
+    text-align: center;
+    padding-top: 10px;
+    font-weight: 500;
+}
+.cafeList{
+  background-color: white;
+    border-radius: 20px 20px 0 0;
+    bottom: 0;
+    position: absolute;
+    width: 100%;
+    height: 100%;
+}
+
+.itemInput{
+  width: 50%;
+  height: 60%;
+  border-radius: 14px;
 }