mdx icon indicating copy to clipboard operation
mdx copied to clipboard

Condensed the hero's heading in 2 lines instead of 3

Open yamanidev opened this issue 1 year ago • 4 comments

Initial checklist

  • [x] I read the support docs
  • [x] I read the contributing guide
  • [x] I agree to follow the code of conduct
  • [x] I searched issues and couldn’t find anything (or linked relevant results below)
  • [x] If applicable, I’ve added docs and tests

Description

I noticed that the heading of the hero section is spanning in 3 lines, leaving quite some blank in the 2nd line. I thought that condensing it to 2 lines would result in a much better and cleaner layout, hence this PR.

Before: Screenshot from 2024-05-08 14-54-03

After: Screenshot from 2024-05-08 14-54-17

I'd love to hear your thoughts about this.

Changes

I decreased the font size of the heading from 6rem (or 108px) to 5.9rem (or 106.2px).

yamanidev avatar May 08 '24 14:05 yamanidev

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
mdx ✅ Ready (Inspect) Visit Preview 💬 Add feedback May 8, 2024 2:29pm

vercel[bot] avatar May 08 '24 14:05 vercel[bot]

Please share more of what you are seeing and why. I cannot reproduce:

Screenshot 2024-05-08 at 5 37 08 PM

wooorm avatar May 08 '24 15:05 wooorm

I didn't change anything to get the screenshot I shared, that's how it looked on my machine:

  • Screenshots taken from Google Chrome 124.0.6367.60 on Linux (although I get same result on Firefox and Brave)
  • 4k screen with 200% scale

image

I just visited the website on Gnome Web (WebKit based browser) and it looks just fine: image

yamanidev avatar May 08 '24 16:05 yamanidev

I’m seeing this too on Chrome Linux, but only if the window width is greater than 1215px.

remcohaszing avatar May 09 '24 11:05 remcohaszing

Thanks! :)

wooorm avatar Jun 17 '24 14:06 wooorm