How do I get my website to scale perfectly like this site?

Design help Layout & Design
1

Notice that the site looks exactly the same no matter what percentage you set your browser zoom settings… it only gets bigger or smaller based on the zoom level but everything stays in place and proportions are maintained.

How do I do this?

I am building my first site so sorry if the question offends you but I can’t figure it out after hours of trying.

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

2

You can archive this by using relative units.

So instead of pixels. you can use REM (this scales with your base font size) or VH/VW (this stands for viewport height and viewport width).

Here is a great article about that:

3

So everything will set to VH/VW and / or REMS. Awesome! Thanks.

1 Like