Responsive Guideline

RosetteProtocol · Jul 8, 2022 · 72ec882 · 72ec882
1 parent a2065f5
commit 72ec882
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 8 deletions.
diff --git a/api/index.js.map b/api/index.js.map
diff --git a/app/routes/guidelines.tsx b/app/routes/guidelines.tsx
@@ -24,9 +24,8 @@ export default function EntriesRoute() {
                 imperdiet, mauris inceptos lacinia at non. 
               </Content>
               <Content>
-                Lorem ipsum dolor sit amet consectetur adipiscing elit blandit
-                imperdiet, mauris inceptos lacinia at non aliquet nostra etiam duis
-                nibh, aliquam nullam.
+                Lorem ipsum mauris inceptos lacinia at non aliquet nostra etiam duis
+                nibh, bibendum facilisi arcu est malesuada convallis nunc mattis.
               </Content>
               <Content>
                 Lorem ipsum dolor sit amet consectetur adipiscing elit blandit
@@ -56,9 +55,9 @@ const ContentContainer = styled.div<{ compactMode: boolean }>`
   display: flex;
   flex-direction: column;
   justify-content: top;
-  align-items: center;
+  align-items: flex-start;
   /* padding-top: ${({ compactMode }) => (compactMode ? 7 * GU : 15 * GU)}px; */
-  width: 773px;
+  max-width: 773px;
   border: 1px solid #A2957A;
   border-radius: 20px;
   padding: 56px 48px 48px;
@@ -70,6 +69,7 @@ const Title = styled.div`
   margin-bottom: ${4 * GU}px;
   width: 100%;
   
+  
 `;
 
 const Content = styled.p`
@@ -80,7 +80,8 @@ const Content = styled.p`
   `;
 
 const StyledButton = styled(Button)`
-  width: 100%;
+  
+  min-width: 100%;
   border-radius: 8px;
   padding: 24px  ;
 `