Fix size of hero heading in some cases #2481
Merged
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Initial checklist
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](https://private-user-images.githubusercontent.com/65856786/328925092-45fbc9df-7265-422b-9818-badb5d2458b9.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjA3NTM0NDAsIm5iZiI6MTcyMDc1MzE0MCwicGF0aCI6Ii82NTg1Njc4Ni8zMjg5MjUwOTItNDVmYmM5ZGYtNzI2NS00MjJiLTk4MTgtYmFkYjVkMjQ1OGI5LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MTIlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzEyVDAyNTkwMFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTk5NTk4YTdmMmI2NWViMTc1NTk4OWRlMjY1OTY4ZjIzNmUxYTlhOTVmZTc1MjFkYjFkMzBmYjRmNTNmZGQ2MzMmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.Lp4DyPbLRseDY_mdIt_qPltKhdxOidVBDXJQl8p0jvQ)
After:
![Screenshot from 2024-05-08 14-54-17](https://private-user-images.githubusercontent.com/65856786/328925128-6ba8d113-80e2-4011-be2b-e283af97f163.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjA3NTM0NDAsIm5iZiI6MTcyMDc1MzE0MCwicGF0aCI6Ii82NTg1Njc4Ni8zMjg5MjUxMjgtNmJhOGQxMTMtODBlMi00MDExLWJlMmItZTI4M2FmOTdmMTYzLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MTIlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzEyVDAyNTkwMFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTAwZTgxOGFhOTdhMzlhYTgyOTZhNGExYTkzYmJlMWVlMmViYjY0ZmNmNGQ0NmRmYTQ1YTAxYTM3ZTkyNDY5ODUmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.PVlmlKgr-iDnyK8YD_ruor76YWmVqTh9KR0ZPMCTCuU)
I'd love to hear your thoughts about this.
Changes
I decreased the font size of the heading from
6rem
(or 108px) to5.9rem
(or 106.2px).