CSS units that you should know as designer

Ever since I started to design — mostly practically implementable designs, I keep experimenting to fasten up the process from Design to Deployment with ease and efficiently.

Developers use their expert programming and coding knowledge to breathe life into the designer’s creative vision.

But I see a huge gap when it comes to Designer-Developer collaboration to put up the exact vision into final build. Let’s start learning —

What are units?

According to Tutorials Point,

CSS supports a number of measurements including absolute units such as inches, centimeters, points, and so on, as well as relative measures such as percentages and em units. You need these values while specifying various measurements in your Style rules e.g. border = “1px solid red”.

Absolute Units

Absolute length units are fixed and a length expressed in any of these units will appear as exactly that size.

Relative Units

Relative length units specify a length relative to another length property. Relative length units scales better between different rendering mediums

Absolute length units are not recommended for use on screen, because screen sizes vary…