fix(ui): improve responsive heading in QuickstartFilter

imdeveshshukla · imdeveshshukla · commit 7c99ff4a925a · 2025-11-27T23:35:42.000+05:30
diff --git a/src/components/QuickStartFilter.js b/src/components/QuickStartFilter.js
@@ -183,8 +183,10 @@ export default function QuickstartFilter({defaultLanguage = null}) {
     <style>{`
         @media (max-width: 480px) {
           .responsive-heading {
-            margin-left: 0.75rem !important;
-            font-size: 1.2rem !important;
+            margin-left: 0.2rem !important;
+            word-break: normal;
+            overflow-wrap: break-word;
+            white-space: normal;
           }
         }
       `}</style>

Original file line number	Diff line number	Diff line change
`@@ -183,8 +183,10 @@ export default function QuickstartFilter({defaultLanguage = null}) {`
`183`	`183`	<style>{`
`184`	`184`	`@media (max-width: 480px) {`
`185`	`185`	`.responsive-heading {`
`186`		`- margin-left: 0.75rem !important;`
`187`		`- font-size: 1.2rem !important;`
	`186`	`+ margin-left: 0.2rem !important;`
	`187`	`+ word-break: normal;`
	`188`	`+ overflow-wrap: break-word;`
	`189`	`+ white-space: normal;`
`188`	`190`	`}`
`189`	`191`	`}`
`190`	`192`	`}</style>