---
title: "Discussion on \"Don't use calc() for dynamic height in CSS\" | Hashnode"
description: "Discussion on \"Don't use calc() for dynamic height in CSS\". The primary function of calc() is to determine the container's dynamic width and height to produce layout experiences with flexible dimensions. It supports four arithmetic operations: addition (+), subtraction (-), multiplication (*) and division (/)..."
url: "https://hashnode.com/posts/dont-use-calc-for-dynamic-height-in-css/6493df3f507f78ddaf254db0"
---

[Feed](https://hashnode.com/feed) /

Discussion

# [Don't use calc() for dynamic height in CSS](https://blog.jobins.jp/dont-use-calc-for-dynamic-height-in-css?utm_source=hashnode&utm_medium=feed)

The primary function of calc() is to determine the container's dynamic width and height to produce layout experiences with flexible dimensions. It supports four arithmetic operations: addition (+), subtraction (-), multiplication (\*) and division (/)...

Jun 22, 2023 · 3 min read · blog.jobins.jp  
Read the article

-   [#css](https://hashnode.com/tag/css)
-   [#html5](https://hashnode.com/tag/html5)
-   [#flexbox](https://hashnode.com/tag/flexbox)
-   [#web-development](https://hashnode.com/tag/web-development)
-   [#programming-blogs](https://hashnode.com/tag/programming-blogs)

## Written by

[Sandip Bhandari](https://hashnode.com/@yatharthaa)

@yatharthaa · Kathmandu, Nepal

  
[View profile](https://hashnode.com/@yatharthaa)

Developer and Designer

Hello Folks, Myself Sandip Bhandari from NEPAL I’m a Product Designer with 8 years of experience designing engaging and user-friendly interfaces for web applications for both desktop and mobile .

## Responses 2

Markdown supported · ⌘↵ to post

[Bedram Tamang](https://hashnode.com/@Bedram)

[Jun 23, 2023](https://hashnode.com/posts/dont-use-calc-for-dynamic-height-in-css/6493df3f507f78ddaf254db0/comment/6494f215b5816e3bf5a9c163)

Keep it up bro,

[Nirajan Basnet](https://hashnode.com/@nirajanbasnet)

[Jun 22, 2023](https://hashnode.com/posts/dont-use-calc-for-dynamic-height-in-css/6493df3f507f78ddaf254db0/comment/64940b7ab5816e3bf5a9aa30)

Great article. Keep it up