I am new to web development.... please suggest me some solution for this issue I am using 'vw' for width and 'vh' for height but its not working well ...
I am new to web development.... please suggest me some solution for this issue I am using 'vw' for width and 'vh' for height but its not working well ...
Is there a way, using pure CSS to fetch the numeric value without pulling back the unit too? e.g. say I have a CSS variable defined as :root {--maxWid ...
I have 2 half-page-sized overlays that translate the opposite ways to give the illusion that the screen is opening up. In addition, I want them to sto ...
This code will give me the x and y value of the click in pixels: document.getElementById("game").addEventListener("click", function(event) { conso ...
I'm trying to define a rotation of an element depending on viewport width in CSS. Here with a "hard" "transform: rotate(-3.4deg);" : https://i.posti ...
I am trying to optimize speed of my existing wesite. I want to remove unused css for each viewport. The website has media-queries in main css. I want ...
I have a parent div that has two child divs. The parent div takes up the viewport height. The first child (the header) has to be at the top, while the ...
I have to write a custom media query in portrait and landscape for Samsung A20 and I can't find the viewport. Does anyone know this? (not for A20s or ...
This is the first time I'm getting this type of problem. I'm trying to make responsive navigation bar. At a certain width, I want my nav links div to ...
I have a div tag and I realized that it is not filling 100% of the height as it should. My code: #container { width: 100vw; height: 100v ...
I have some paragraphs of text on my webpage that I would like to format to occupy a certain percentage of the page's width. I've decided that when th ...
In my project I have react-static repository linked (with yarn link) with react repo. From react-static repository I am importing multiple componen ...
How do I best enforce a page to be limited to the height of the viewport? I would like to manage the overflow-y on children elements, but it seems I c ...
I fixed one responsive design problem and introduced another. I've made a cool svg and in it I've included some text. I know, I know – I should've add ...
There are 4 divs, each of them has width: 25vw; and height: 100vh;. I thought they could horizontally align in a line and so that tile the whole brows ...
see it in action I set font size of h1 to 1.2rem (i.e 19 px) , so it must be 19px across all sizes . when i resize or reduce the browser width the fo ...
I’m a big fan of fluid typography and I want a website I’m developing to adopt it. Recently, I learned about the max() CSS Function. I thought of usin ...
In Safari, I don't think viewport units (such as vw) applied to elements in the shadow DOM actually respond to changes to the viewport. Should they? ...
On Saabi's github for vminpoly, a vw and vh unit polyfill (https://github.com/saabi/vminpoly), it says: Only linked stylesheets are being parsed r ...
I want to set the height of an element as a percentage of the full-screen mode's dimensions so that when the browser window is smaller, the height doe ...