From fc530a13a58192a1967a52d67f9a97616e384219 Mon Sep 17 00:00:00 2001
From: Christian <93573283+cbraehmig@users.noreply.github.com>
Date: Thu, 21 Dec 2023 14:34:08 +0100
Subject: [PATCH] fix: responsive design alert sample

Closes: #5748

Signed-off-by: Christian <93573283+cbraehmig@users.noreply.github.com>
---
 packages/samples/react/src/components/alert/html.tsx | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/packages/samples/react/src/components/alert/html.tsx b/packages/samples/react/src/components/alert/html.tsx
index b487d848db..3719ddfcdf 100644
--- 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>