Vic Nash
KPCKevin Powell - Community
•Created by peterpumkineaterr on 10/28/2024 in #front-end
why font is not full screen ?
Element is doubled. Hence one of them has aria-hidden true, so that it doesn't announce twice.
Element is doubled: it occupies space. The 2nd element then takes the remaining space, and we can find out how big that one is. We have two containers. The parent text-fit and the child that spans the rest. Registering properties, computes their values like a snapshot. Roma Komarov explains it very well in their article with the newer approach.
46 replies
KPCKevin Powell - Community
•Created by peterpumkineaterr on 10/28/2024 in #front-end
why font is not full screen ?
Wrap the lines individually within the component, depending on your design.
46 replies
KPCKevin Powell - Community
•Created by peterpumkineaterr on 10/28/2024 in #front-end
why font is not full screen ?
Alternatively, throw the text into an svg for less hassle.
46 replies
KPCKevin Powell - Community
•Created by peterpumkineaterr on 10/28/2024 in #front-end
why font is not full screen ?
46 replies
KPCKevin Powell - Community
•Created by peterpumkineaterr on 10/28/2024 in #front-end
why font is not full screen ?
Here's the newer version with close to 90%: https://kizu.dev/fit-to-width/
46 replies
KPCKevin Powell - Community
•Created by peterpumkineaterr on 10/28/2024 in #front-end
why font is not full screen ?
You're probably looking at something like this:
https://kizu.dev/fit-to-width-text/
46 replies