make metadatatask responsive

AbrarNad · AbrarNad · commit c1db341d1fc2 · 2025-09-01T23:11:40.000-06:00
diff --git a/src/public/viz-guardrails/CovidMetadataTask.tsx b/src/public/viz-guardrails/CovidMetadataTask.tsx
@@ -77,7 +77,7 @@ export function CovidMetadataTask({ parameters, setAnswer }: any) {
   }
 
   return (
-    <Box style={{ width: '1700px', alignContent: 'center' }}>
+    <Box style={{ width: '95vw', alignContent: 'center' }}>
       <Card shadow="sm" radius="md" p="md" mb="md" withBorder>
         <Text mb="0">
           Below are four charts comparing Norway’s COVID-19 cases to different sets of countries. Which chart do you think shows the most useful and appropriate comparison for Norway?

Original file line number	Diff line number	Diff line change
`@@ -77,7 +77,7 @@ export function CovidMetadataTask({ parameters, setAnswer }: any) {`
`77`	`77`	`}`
`78`	`78`
`79`	`79`	`return (`
`80`		`- <Box style={{ width: '1700px', alignContent: 'center' }}>`
	`80`	`+ <Box style={{ width: '95vw', alignContent: 'center' }}>`
`81`	`81`	`<Card shadow="sm" radius="md" p="md" mb="md" withBorder>`
`82`	`82`	`<Text mb="0">`
`83`	`83`	`Below are four charts comparing Norway’s COVID-19 cases to different sets of countries. Which chart do you think shows the most useful and appropriate comparison for Norway?`