Name: Element Sizing & Tailwind's Numbering System
Uploaded: 2019-12-24T18:14:54.722Z
Duration: 6 min 9 s
Description: All of the numbers in Tailwind are based around the rem unit of measurement. 1 rem is equal to the size of the base font of the document. As an example, if the base font size is 16px then 1 rem is equal to 16px and we can deduce that 1.25 rem is equal to 20px. To help with these fractional numbers, Tailwind's numbered classes are multiplied by 4 to avoid having numbers with decimal places.

scrimba

Watch in fullscreen

Element Sizing & Tailwind's Numbering System

by Victor Gonzalez

Learn Tailwind CSS

About

Comments

Notes

Shades of Blue Challenge2:13

Element Sizing & Tailwind's Numbering System

by Victor Gonzalez

Learn Tailwind CSS

Expand for more info

Shades of Blue Challenge2:13

index.html

run

preview

console

<html>
    <head>
        <link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet">
    </head>
    <body class="">
        
    </body>
</html>

-6:08