Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Normalize the scales of max width and max height with their width and height counterparts

See original GitHub issue

Discussed in https://github.com/tailwindlabs/tailwindcss/discussions/4937

^{Originally posted by Soviut July 9, 2021} With the advent of JIT mode, it is no longer necessary to save space by having different scales for max width/max height and width/height.

Ideally, I should be able to take any width w-1/2 and add the max- prefix to it without having to consult the documentation.

This could also mean giving sm, md, lg, xl, 2xl, etc. lengths that max-width has to width (and height).</div>

Issue Analytics

State:
Created 2 years ago
Reactions:3
Comments:8 (4 by maintainers)

Top GitHub Comments

1reaction

adamwathancommented, Feb 25, 2022

Hey folks! Going to close this in favor of discussing it in the PR since this is more of a feature request than a bug 👍

1reaction

henningwaycommented, Dec 10, 2021

I am currently updating our project to Tailwind 3.0 and I have stumbled over this. Great to see this is being addressed already! Thanks for the effort.

Top Results From Across the Web

How can I use next-image to scale images down to "max-width ...

For wide and short images, the padding maintains the aspect ratio of the image, making its height proportional to its width.

max-width - CSS: Cascading Style Sheets - MDN Web Docs

The max-width CSS property sets the maximum width of an element. It prevents the used value of the width property from becoming larger...

seaborn.histplot — seaborn 0.12.1 documentation - PyData |

Scale the width of each bar relative to the binwidth by this factor. Only relevant with univariate data. kdebool. If True, compute a...

Twitter Bootstrap CSS Overview Tutorial - w3resource

initial-scale=1.0.0 ensures that when loaded, your web page will be ... .img-responsive { display: inline-block; height: auto; max-width: ...

TextView - Android Developers

android:scrollbarSize, Sets the width of vertical scrollbars and height of ... The TextView scales text size both horizontally and vertically to fit within ......