@LeviKuhaulua
Posted
Heyo, something that I like to do with writing less CSS (especially media queries) to make your components responsive is to use the min
function with max-width
. For example, with card components, you can do something like this
.card {
max-width: min(500px, 80%)
... other styles
}
That way at smaller screen sizes, the size will change to be 80% of the screen, and then at larger screen sizes, it will be 500px.