From 9967a23255c97bdea4aaf0ff5258fea54553f033 Mon Sep 17 00:00:00 2001
From: Vaadin Bot <vaadin-bot@users.noreply.github.com>
Date: Thu, 16 May 2024 13:35:55 +0200
Subject: [PATCH] fix: fix typo in the responsive grid layout utility classes
 (#7416) (#7418)
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 94ef9839cf..9aa9a14cb2 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 {