Box
Understand the HTML DOM, called the box.
We'll cover the following...
Each HTML element in the DOM takes up a rectangle of space on the screen. Every browser’s developer tools include a representation of that rectangle. Below is what it looks like:
The size of the box is determined by the content of the element if we do not make any customizations. Tailwind gives us control over every aspect of the box.
Making the box visible
Perhaps the most important feature of any DOM element is whether the user can see it. By manipulating this feature with a little JavaScript, we can add interaction cheaply. A common pattern is to load a lot of potential DOM elements at the initial page load but ...