Calculating Measurements in LESS (Video Tutorial)

• 1 minute READ

No one ever claimed that CSS was the right place to perform mathematical calculations; in fact, it’s near impossible even for simple functions. (Even with the CSS3 calc function, it can be difficult.) That’s where LESS comes in. The ability to perform functions is one of its strong points.

In this video tutorial, you will learn how to complete calculations using LESS. The tutorial takes you through building an evenly spaced grid using just a hint (or two) of math.

Using calculations, you will create a row of same-size and evenly spaced boxes. A good understanding of coding practices is needed to complete this video lesson.

What you will learn in this tutorial: How to use LESS to perform mathematical functions.

Video run time: 4 minutes

No-Code Email Template Builder

With Postcards Email Builder you can create and edit email templates online without any coding skills! Includes more than 100 components to help you create custom emails templates faster than ever before.

Start Free
David East

David East is a Developer Programs Engineer for Google, working on Firebase in San Francisco. He's a die-hard JavaScript fan and a budding iOS developer. He also likes waffles. If you like to write code—or eat waffles—follow him on twitter: @_davideast.

Posts by David East
Earn 25% commission on affiliate sales

We build high-quality products

Designmodo offers advanced drag and drop website and email builders for web designers and developers, we have everything you need to make money.


We use cookies to ensure that we give you the best experience on our website. Privacy Statement.

  • I disagree
  • I agree