Search⌘ K
Home
Courses
Intermediate JavaScript: Building Frontend Components

Adding Styling

Explore techniques to enhance JavaScript tooltips by applying refined CSS styling. This lesson helps you understand how to add padding, rounded corners, and subtle divider colors, as well as organize elements for better positioning and maintainability, improving the overall UI of your components.

We'll cover the following...

Styling

Let’s put the finishing touches to our component.

We’ll start with the styling. Comparing the tooltip we’ve built to the model Medium has, I notice they add some rounded corners, add some padding, and use a dimmer color for the divider, so it doesn’t stand out so much as our’s does.

Changelist

  • Defined a divider color.
    • Sometimes, even if something is used once,
...