diff --git a/frontend/src/scenes/hints/HintPage.css b/frontend/src/scenes/hints/HintPage.css index 07f8ea87..4e6cb411 100644 --- a/frontend/src/scenes/hints/HintPage.css +++ b/frontend/src/scenes/hints/HintPage.css @@ -11,12 +11,6 @@ height: 34px; } -.hint-button, -.hint-page-right-section { - display: flex; - justify-content: flex-end; -} - .hint-info-title, .hint-page-title { font-weight: 600; @@ -27,6 +21,9 @@ .hint-right-content { width: 292px; height: 510px; + display: flex; + flex-direction: column; + align-items: end; } .hint-info { diff --git a/frontend/src/scenes/hints/HintPage.jsx b/frontend/src/scenes/hints/HintPage.jsx index 60197754..8c1fc887 100644 --- a/frontend/src/scenes/hints/HintPage.jsx +++ b/frontend/src/scenes/hints/HintPage.jsx @@ -28,46 +28,36 @@ const HintPage = () => {
-
-

All Hints

-
-
- {}} /> -
+

All Hints

+ { }} />
-
-
-
-
-
-

What is a hint?

-
-

- Hints are like friendly reminders in an app, giving tips - without stopping what you are doing. They show up at small - bubbles near buttons or menus, guiding you on how to use - things. -

-

- One good thing about hints is they help you use the app - better by giving tips when you need them. For example, they - can show clear instructions when you're trying something - new, so you don't get stuck or confused. -

-

- Hints work for everyone, from beginners to experts. They - give basic tips for people just starting out and clever - tricks for those who know the app well. This makes the app - easier for everyone to use. -

-
-
+
+