🔰 DOM Manipulation

For DOM manipulation, we use JavaScript to access, modify, or create these elements, making our web pages come alive without the need to reload them.

In this post we are going to look at:
Create Elements
Insert an elements
Modifying Contents
Replacing Elements
Remove Elements
Updating Element Attributes

DOM manipulation empowers developers to create dynamic and interactive web experiences.

Mastering methods like inserting, removing, replacing elements, updating attributes enables seamless user interactions.

In CSS, the "cap" unit is defined as the size of the capital letter of the current font size.

🤩 This is very handy for defining icons that accompany some label, such as inside bottons

In this example, we have defined an icon with height 1cap, which makes it equal to the letter "S" height.

We also have aligned this icon to the baseline for a perfectly aligned text and icon ✨