From 81276cbc0453b5cdf82e7b852c972466c285f503 Mon Sep 17 00:00:00 2001 From: Andrew Rivera <34843760+onthegocode@users.noreply.github.com> Date: Tue, 2 May 2023 18:00:10 -0700 Subject: [PATCH 1/3] Update styles.module.css Adding ability to wrap when screen size is small. --- src/pages/cursors/_components/styles.module.css | 1 + 1 file changed, 1 insertion(+) diff --git a/src/pages/cursors/_components/styles.module.css b/src/pages/cursors/_components/styles.module.css index 7afb4d8..658aaa6 100644 --- a/src/pages/cursors/_components/styles.module.css +++ b/src/pages/cursors/_components/styles.module.css @@ -3,6 +3,7 @@ border-radius: 12px; height: 120px; display: flex; + flex-wrap: wrap; justify-content: center; align-items: center; } From a975dbefbd8445826f9c6cf0789ff8055105a2e4 Mon Sep 17 00:00:00 2001 From: Andrew Rivera <34843760+onthegocode@users.noreply.github.com> Date: Tue, 2 May 2023 18:03:53 -0700 Subject: [PATCH 2/3] Update index.style.ts Setting title to text-align: center. So that when text wraps it wraps to the center, rather than to the side. --- src/pages/index.style.ts | 1 + 1 file changed, 1 insertion(+) diff --git a/src/pages/index.style.ts b/src/pages/index.style.ts index fb2a2a4..334d110 100644 --- a/src/pages/index.style.ts +++ b/src/pages/index.style.ts @@ -93,6 +93,7 @@ const StyledWrapper = styled.div` font-weight: 300; color: ${OpenColor.gray[1]}; margin-top: 10px; + text-align: center; } .description { color: ${OpenColor.gray[5]}; From a911b245f8d8ebc61ab534cda8f3bf1e5a192c68 Mon Sep 17 00:00:00 2001 From: Andrew Rivera <34843760+onthegocode@users.noreply.github.com> Date: Wed, 3 May 2023 10:28:10 -0700 Subject: [PATCH 3/3] Update index.style.ts --- src/pages/index.style.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/pages/index.style.ts b/src/pages/index.style.ts index 334d110..e80b3db 100644 --- a/src/pages/index.style.ts +++ b/src/pages/index.style.ts @@ -55,6 +55,7 @@ const StyledWrapper = styled.div` .window > .content > .title > h2 { font-weight: 500; color: ${OpenColor.gray[1]}; + text-align: center; } .window > .content > .title > .description { color: ${OpenColor.gray[5]}; @@ -93,7 +94,6 @@ const StyledWrapper = styled.div` font-weight: 300; color: ${OpenColor.gray[1]}; margin-top: 10px; - text-align: center; } .description { color: ${OpenColor.gray[5]};