Feature request: Variable sizing utilities based on user's viewport
See original GitHub issueI didn’t find a way to set different sizes on one element with sizing utilities classes. It would be nice to be able to use classes like
<div class="w-25 w-md-50 w-lg-100"></div>
And resize the element according to the breakpoint.
I would be happy to work on it if it gets approved.
Issue Analytics
- State:
- Created 5 years ago
- Reactions:10
- Comments:11 (2 by maintainers)
Top Results From Across the Web
[Feature-12920]Determining size of View - Ignition Early Access
Is there a way to get the current size (width and height) of a View? Or the size of the web browser window...
Read more >Developing responsive layouts with React Hooks
Now whenever the window is resized the width state variable is updated to equal the new viewport width, and our component will re-render...
Read more >Work with viewport components
Work with viewport components · Locate the viewport ID and route. · Select the viewport component in the Content tree, then click Edit...
Read more >Determining the Size and Location of Viewports on a Sheet
Today, let's look at how to determine the size and location of a sheet and the views displayed by it. This is part...
Read more >Can media queries resize based on a div element instead of ...
width , height , and other dimension-based media features all refer to the dimensions of either the viewport or the device's screen in...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found

No plans to add this at this time.
In v5, the recommended way is to override utilities to make them responsive.