I have a clamp with a min viewport of 430 and max viewport of 1920, I'm trying to figure out what my minimum value would be at 150px viewport according to this ratio clamp(2rem, 11.678vw + -1.138rem, 12.875rem)
Decreased Value for Clamp According to Ratio
60 Views Asked by wondering At
1
There are 1 best solutions below
Related Questions in HTML
- How to store a date/time in sqlite (or something similar to a date)
- How to use custom font during html to pdf conversion?
- Storing the preferred font-size in localStorage
- mp4 embedded videos within github pages website not loading
- Scrimba tutorial was working, suddenly stopped even trying the default
- Is there any way to glow this bulb image like a real light bulb
- With non-graphical maps in Leaflet, zoomDelta doesn't work
- What can I do to improve my coding on both html and css
- Uncaught TypeError: google.maps.LatLng is not a constructor at init (script.js:7:13)
- Bootstrap modal not showing at the desired position on a web page when the screen size is smaller
- Displaying a Movie List on a Website Using Jinja2 and Bootstrap
- How to redirect to thank you page after submitting a Google form embedded into a Google Site?
- Storing selected language in localStorage
- Fences (parenthesis, braces) in HTML and MathML
- Understanding Scroll Anchoring Behavoir
Related Questions in CSS
- How to use custom font during html to pdf conversion?
- Storing the preferred font-size in localStorage
- mp4 embedded videos within github pages website not loading
- Is there any way to glow this bulb image like a real light bulb
- What can I do to improve my coding on both html and css
- Uncaught TypeError: google.maps.LatLng is not a constructor at init (script.js:7:13)
- Bootstrap modal not showing at the desired position on a web page when the screen size is smaller
- How to increase quality of mathjax output?
- Hover animation resetting( seemingly reverting back to original CSS and then again to hover)when moving mouse horizontaly accross a part of an element
- Storing selected language in localStorage
- How to clip grid cell and provide scroll as well?
- KeyboardAvoidingView makes a messy the flexbox
- Rotate an object around another object in javascript
- Understanding Scroll Anchoring Behavoir
- how to use only block layout in this css code?
Related Questions in CLAMP
- Algorithm for rounding and clamping a number to specific ends
- Clamp unsigned int to 0x10000 using SSE2
- GUI Window keeps closing when I minimize it
- Weird clamping bug?
- R: Use terra to rescale large raster files and run in parallel
- Generate an Ed25519 public key in OpenSSL - without hashing and clamping
- Pure CSS Line-Height reduction as Font-Size Increases with example but only works in one direction
- Using clamp() to generate a dynamic duration declaration relative to the users viewport width?
- Calculating css clamp() preferred values for fluid typography with varying :root font sizes
- How would you Clamp the relative position of an object?(Unity)
- CSS Clamp with fixed value when between min and max viewport
- Decreased Value for Clamp According to Ratio
- Why does std::clamp not work even when compiling with -std=c++17?
- How to clamp font size using TailwindCSS?
- How to make a padding start at a max value when full screen but shrink gradually to minimum value as browser width gets smaller?
Trending Questions
- UIImageView Frame Doesn't Reflect Constraints
- Is it possible to use adb commands to click on a view by finding its ID?
- How to create a new web character symbol recognizable by html/javascript?
- Why isn't my CSS3 animation smooth in Google Chrome (but very smooth on other browsers)?
- Heap Gives Page Fault
- Connect ffmpeg to Visual Studio 2008
- Both Object- and ValueAnimator jumps when Duration is set above API LvL 24
- How to avoid default initialization of objects in std::vector?
- second argument of the command line arguments in a format other than char** argv or char* argv[]
- How to improve efficiency of algorithm which generates next lexicographic permutation?
- Navigating to the another actvity app getting crash in android
- How to read the particular message format in android and store in sqlite database?
- Resetting inventory status after order is cancelled
- Efficiently compute powers of X in SSE/AVX
- Insert into an external database using ajax and php : POST 500 (Internal Server Error)
Popular Questions
- How do I undo the most recent local commits in Git?
- How can I remove a specific item from an array in JavaScript?
- How do I delete a Git branch locally and remotely?
- Find all files containing a specific text (string) on Linux?
- How do I revert a Git repository to a previous commit?
- How do I create an HTML button that acts like a link?
- How do I check out a remote Git branch?
- How do I force "git pull" to overwrite local files?
- How do I list all files of a directory?
- How to check whether a string contains a substring in JavaScript?
- How do I redirect to another webpage?
- How can I iterate over rows in a Pandas DataFrame?
- How do I convert a String to an int in Java?
- Does Python have a string 'contains' substring method?
- How do I check if a string contains a specific word?
If your clamp calculation is made for minimum viewport 430px then viewport 150px is less than that so it should result in
2rem. I've looked at the online calculator you mentioned in the comments. It assumes 1rem to be equal to 16px, so in fact your calculation is the same as:And so the resulting value for 150px viewport would be 32px (as expected as 2rem = 32px). And it is so - I've checked it by implementing it in the code and using devtools to inspect the value for proper viewport width.