Trying to copy a style

HTML & CSS
1

I’m trying to copy the texts style in www.urturt.com

1920×1080 296 KB
ite
to my site
1920×1080 442 KB

The white text seems to be scale-able (see what happens if I change the window size of both sites

1920×1080 609 KB

How is their text doing that?

2

Doing what?

1 Like
3

its size seems to depend on the viewport, mine doesnt.
Should I use vw instead of em
https://drafts.csswg.org/css-values/#viewport-relative-lengths

4

I see now (missed your comment inbetween the pictures).
They are doing via some script to alter the text size in some in-line styling on the h1 element, which is a bit dumb these days because it can now be done with pure css using vw units.

h1 {
    font-size: 2em ; /*fallback for old browsers */
    font-size: calc(1em + 5vw) ; /* Tweak to fit */
}

You could just use #vw instead of calc, but it can get a bit extreme.

1 Like
5

I’ve added a bit of space - hopefully that helps.

2 Likes
6

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.