From 367f4b84a323d5e06cc8c05fcc0162556738d2c8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Alexander=20Vassbotn=20R=C3=B8yne-Helgesen?=
 <alexander+github.com@phun-ky.net>
Date: Thu, 22 Aug 2024 09:03:12 +0200
Subject: [PATCH] =?UTF-8?q?docs:=20=E2=9C=8F=EF=B8=8F=20Update=20`README.m?=
 =?UTF-8?q?d`?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md | 21 ++++++++++++++++-----
 1 file changed, 16 insertions(+), 5 deletions(-)

diff --git a/README.md b/README.md
index 9c98b84..11474a8 100644
--- a/README.md
+++ b/README.md
@@ -307,6 +307,16 @@ window.SPECCER_LITERALS = [
 ];
 ```
 
+> [!TIP]
+> Try it out with emoticons!
+>
+> ```js
+> window.SPECCER_LITERALS = [
+>   '🥰',
+>   …
+> ];
+> ```
+
 #### Subtle anatomy
 
 ![Image of subtle option for anatomy](./public/subtle.png)
@@ -426,11 +436,12 @@ In your component examples, use the following attribute on your grid container.
 <div data-speccer="grid" …>…</div>
 ```
 
-If you only want to display `rows` or `columns`, use this syntax (default is both with `grid` only):
-
-```html
-<div data-speccer="grid [rows|columns]" …>…</div>
-```
+> [!TIP]
+> If you only want to display `rows` or `columns`, use this syntax (default is both with `grid` only):
+>
+> ```html
+> <div data-speccer="grid [rows|columns]" …>…</div>
+> ```
 
 ### Mark elements