Solution: Custom Styling Using Styled JSX
Review the step-by-step solution to the exercise.
We'll cover the following
In this exercise, you were asked to implement the following tasks:
Increase the font size of the
h1
element to36px
for a larger and more prominent appearance on the page.Apply a text shadow effect to the
h1
element with a2px
horizontal offset,2px
vertical offset, and ablack
shadow color.Modify the text color of the
h1
element tored
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:
Get hands-on with 1200+ tech skills courses.