Blog Posts - Css

A place where we discuss the communication industry and give our insights on advertising, website development, graphic design and strategic planning.

Calc()

Calc(): Math On-The-Fly In Your CSS

By Jaime Contreras

What web developer or web UX designer does not love the power and flexibility of CSS to position an element. There are so many approaches available, like flexbox, grids, and columns that automatically adjust layouts. Recently, I made a new friend in the CSS world. I’m proud to share with you, “calc()”. calc(), yes like the name suggests, CSS calculations on-the-fly!!  (Wah!?!?!) The most common situation for using calc() that we run across is when a sibling element needs to act like it?