---
title: "Day 33: Mathematical expressions in min(), max(), clamp()"
url: https://daily.dev/posts/day-33-mathematical-expressions-in-min-max-clamp--xkrndhesy
source_url: https://www.matuzo.at/blog/2022/100daysof-day33
type: article
source: "Manuel Matuzović"
published: 2026-06-22T14:42:29.663Z
updated: 2026-06-22T14:46:01.087Z
tags: ["css", "ui-design"]
reading_time: 1
upvotes: 0
comments: 0
language: en
---

> ## Documentation Index
> Fetch the complete documentation index at: https://daily.dev/llms.txt
> Use this file to discover all available pages before exploring further.

# Day 33: Mathematical expressions in min(), max(), clamp()

**[Manuel Matuzović](https://daily.dev/sources/matuzo)** · 1 min read · 0 upvotes · 0 comments

## Summary

CSS comparison functions min(), max(), and clamp() support full mathematical expressions directly, eliminating the need to nest calc() inside them. You can write arithmetic operations, use CSS custom properties, and even complex expressions directly as arguments. For example, max(20px, 1vw + 10px) works without wrapping the second argument in calc().

## Full article

daily.dev links to this article rather than hosting it. Read it at the original source: <https://www.matuzo.at/blog/2022/100daysof-day33>

---

Tags: [#css](https://daily.dev/tags/css), [#ui-design](https://daily.dev/tags/ui-design)

[View this post on daily.dev](https://daily.dev/posts/day-33-mathematical-expressions-in-min-max-clamp--xkrndhesy)