Merge pull request #360 from Infineon/359-documentation-alert-update

Documentation: alert changed text position in usage.mdx
Infineon · Aug 9, 2023 · c6ade76 · c6ade76
2 parents b000f59 + 2b7c3f2
commit c6ade76
Showing 1 changed file with 4 additions and 3 deletions.
diff --git a/packages/components/src/components/alert/Usage.mdx b/packages/components/src/components/alert/Usage.mdx
@@ -64,15 +64,16 @@ Can be used for neutral message purposes.
 
 ## Placement
 ### Desktop
+For desktop, the alert component is placed at the top right and directly below the navbar. With scroll, the alert remains in its position.
+
 <img src={AlertPlacementDesktop} alt="Alert Placement Desktop" />
 
-For desktop, the alert component is placed at the top right and directly below the navbar. With scroll, the alert remains in its position.
 
 ### Mobile
-<img src={AlertPlacementMobile} alt="Alert Placement Mobile" width="50%" />
-
 In mobile, the alert component is placed at the top across the entire grid width below the navbar. With scroll, the alert remains in its position.
 
+<img src={AlertPlacementMobile} alt="Alert Placement Mobile" width="50%" />
+
 
 ***
 Check out the Figma component: **[Alert](https://www.figma.com/file/zPvPwPgb4EsYFXKC2nhzSG/Infineon-DDS-%7C-Main?type=design&node-id=19446-13846&mode=design&t=41wmZpsNcJw86RXB-4)**