Stuck on an issue?
Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.
And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.
Headings don't change size for medium/small displays
See original GitHub issueI am showing headings in my design and some of them can be 6-7 words long. However they look absolutely terrible because the h1, h2, h3 etc. have exactly the same size on small/medium displays as the large displays.
h1 on large display should not be the same as large display on mobile. You can look at blog.google for a reference on how to implement this.
This is a h1 on Google Blog:
This is a h2 on my design yet is’ way bigger:
and this is the h1:
I think we need more fluid font sizes for headings.
Issue Analytics
- State:
- Created 7 years ago
- Comments:8 (4 by maintainers)
Top Results From Across the Web
Headings and Font Size | making text bigger and smaller and ...
You cannot flow headings and normal text together. If you want text to follow straight away, you should just change the font size...
Read more >Headings | Web Accessibility Initiative (WAI) - W3C
Headings communicate the organization of the content on the page. ... the heading ranks should not change depending on the ranks in the...
Read more >Video: Using Styles in Word - Microsoft Support
Don't change fonts, use Quick Styles. You might format a document while you type, or change fonts, font size, or colors for things...
Read more >How to Change the Font Size on Your Screen - Lifewire
Choose Displays and then Display. Select Scaled and then choose a lower resolution.
Read more >Adjust the display and text size on iPad - Apple Support
Adjust the text size when you're using an app · Open Control Center, then tap the Text Size button . (If you don't...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
I brought them up at the same zoom level, and compared side by side, see below. This is just a quick look (I didn’t even check the CSS for font sizes…). It does not appear to match.
Related https://github.com/Dogfalo/materialize/pull/3735