From 79c1a50b7a9e0752046d8a049b90fb45428da7b8 Mon Sep 17 00:00:00 2001
From: Vaadin Bot <vaadin-bot@users.noreply.github.com>
Date: Thu, 16 May 2024 13:35:43 +0200
Subject: [PATCH] fix: fix typo in the responsive grid layout utility classes
 (#7416) (#7419)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-authored-by: Jonte Päivärinne <joacim@vaadin.com>
---
 packages/vaadin-lumo-styles/utilities/layout.js | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/packages/vaadin-lumo-styles/utilities/layout.js b/packages/vaadin-lumo-styles/utilities/layout.js
index ed0469ebf1..9986fdfd1f 100644
--- a/packages/vaadin-lumo-styles/utilities/layout.js
+++ b/packages/vaadin-lumo-styles/utilities/layout.js
@@ -283,7 +283,7 @@ export const layout = css`
     .sm\\:flex {
       display: flex;
     }
-    .sm\\grid {
+    .sm\\:grid {
       display: grid;
     }
     .sm\\:hidden {
@@ -327,7 +327,7 @@ export const layout = css`
     .md\\:flex {
       display: flex;
     }
-    .md\\grid {
+    .md\\:grid {
       display: grid;
     }
     .md\\:hidden {
@@ -371,7 +371,7 @@ export const layout = css`
     .lg\\:flex {
       display: flex;
     }
-    .lg\\grid {
+    .lg\\:grid {
       display: grid;
     }
     .lg\\:hidden {
@@ -415,7 +415,7 @@ export const layout = css`
     .xl\\:flex {
       display: flex;
     }
-    .xl\\grid {
+    .xl\\:grid {
       display: grid;
     }
     .xl\\:hidden {
@@ -459,7 +459,7 @@ export const layout = css`
     .\\32xl\\:flex {
       display: flex;
     }
-    .\\32xl\\grid {
+    .\\32xl\\:grid {
       display: grid;
     }
     .\\32xl\\:hidden {