Solution: Custom Styling Using Styled JSX

In this exercise, you were asked to implement the following tasks:

• Increase the font size of the h1 element to 36px for a larger and more prominent appearance on the page.

• Apply a text shadow effect to the h1 element with a 2px horizontal offset, 2px vertical offset, and a black shadow color.

• Modify the text color of the h1 element to red for a bold and attention-grabbing appearance.

We’ll review the solution for each task in the next few sections.

Styled JSX implementation

Here’s the code for the solution: