Max-width limits the card to expand

[chessurisme]

Browser

• Chrome/Chromium
• Firefox
• Safari
• Edge
• iOS Safari
• Opera
• Other/not relevant

Operating system

• Windows
• Linux
• macOS
• ChromeOS
• iOS
• Android
• Other/not relevant

Description

Initially, the "Style as you please" card' elements looks a uncentered. A small tweak can be made for it to fix.

Suggestion how to fix

The max-width made the card's element limits its width. Removing the max-width using @media rule when the screen width is below 640px solves the problem.

See the developer console as the max-width is present:
BEFORE:

AFTER:

Steps to reproduce

1. Open Lucide site in any browser.
2. If in PC, minimize the browser's width until the site looks like in phone.
3. Scroll until section "Style as you please".
4. Look how the elements arranged.
   

Checklist

• I have searched if someone has submitted a similar issue before and there weren't any. (Please make sure to also search closed issues, as this issue might already have been resolved.)