New to WIP?

We're a group of makers shipping together. We help each other stay accountable and reach our goals.

Apply for access
Topics
👨‍💻 Developers
Other questions
🤔 What do you do for marketing? Be the first to reply
🎨 Freelance designers. When and how. 2 answers
What steps are included in your CI pipeline you should have added sooner? 11 answers
AI to work with a lot of data (two usecases) 8 answers
Back
 Question
Asked

How to do CSS positioning that shows the whole thing on one page without the user having to scroll down?

I'm coding the design of my web app. I'd like the whole thing to show on one page without the user having to scroll down. The design is simple and loans itself to that, I just need to work out the coding.

I've played with %, vh, and vmin. It looks like a mess, particularly on phones and tablets where it shrinks tiny when the screen gets small for the keyboard. But even on regular desktop it's not great.

Ideas?

Jill Binder
@jillbinder

👋 Join WIP to participate

I haven't done this in a while but in the past I've had success with getting the window.innerWidth and innerHeight with JavaScript (on page load) and setting it to the <body> element as width and height. Then add overflow:hidden and presto.

 Reply
Pug Pugson
@pugson

Can you share a screenshot of the UI you're trying to build?

 Reply