fix: responsive design alert sample (#5825)

public-ui · Dec 21, 2023 · aa6a3d7 · aa6a3d7
2 parents fc7fd33 + fc530a1
commit aa6a3d7
Showing 1 changed file with 1 addition and 2 deletions.
diff --git a/packages/samples/react/src/components/alert/html.tsx b/packages/samples/react/src/components/alert/html.tsx
@@ -6,9 +6,8 @@ import { FC } from 'react';
 export const AlertHtml: FC = () => (
 	<div>
 		<KolAlert _label="Ausgabe von HTML-Code im Alert" _type="info">
-			{' '}
 			<h2 className="mt-2 mb-3">Hier wird eine H2-Überschrift ausgegeben</h2>
-			<div style={{ display: 'grid', gridAutoFlow: 'column', gap: '1rem' }}>
+			<div className="grid gap-4 sm:grid-cols-2">
 				<div>
 					<h4>Text in einer linken Spalte</h4>
 					<p>