Topics

Kevin Powell - Community•2mo ago

mobile height issue

i have a react typescript project with several menus, i use width: 100svw; and the width fits the screen no matter the size for all menus, however this doesn't work the same with height, is there something that would cause this to be different?

5 Replies

Lamer of Sweden•2mo ago

Bedtime here, but a short answer. svh reflects the smallest possible viewport height. svw refers to smallest possible viewport width. So check value for the width property since you now mixed width with a value used for height.

Ævie•2mo ago

that was a typo, meant svw

Lamer of Sweden•2mo ago

Ok. Would be great if you could make a Copepen https://pen.new/ or similar. And then I am sure someone will help you out. 🙂

CodePen

Create a New Pen

...

Mannix•5w ago

html,body,.container{height: 100%;}

html,body,.container{height: 100%;}

ἔρως•5w ago

you can also use 100dvh

Kevin Powell - Community Join

A friendly place for developers to meet other devs, ask questions, get help, and just have a good time 🙂.

34KMembers

View on Discord

Want results from more Discord servers?

Add your server

More Posts

[Tailwind] How to Implement Tabs with SubTabs? (check attachment)The attached image is what I want to do i tried some stuff but not sure how to do it this is so fa [Tailwind] Width not being appliedhttps://codepen.io/Ant-Riddle/pen/yLWbVVB How to implement cache in an api that return a random factI want to implement cache in an api that return a random fact I’m using node.js and hono and prisma How to leave a space between elements in the same paragraph?I was trying to do it from the frontend mentor challenges. I could not leave a space in the Nutritio pirate scroll themeI am trying to make a site where the sections roll down like a pirate scroll and when changed out or Is there a safe/convenient way to have an embeddable JS SDK, that allows authenticating?I am working on a game portal SDK, that will be embedded/used within various HTML5/webgl games. My b How do I make a single column table look good?I have a list of services that I want to show but I can't think of a nice looking way to show it. An Help to deploy React projects in cpanel.Hello everyone 👋 , please help me to deploy the React project in cpanel , .... My react project is Border only in cornersHello, Could does anybody know how to get borders only in corners? instead of the top border going Fade-away Loading EffectHello! So I've been building up this navbar for a while... and yesterday I thought it would be a go