hover on me!

Challenge

This lab is about styling text by changing properties like color, text decoration, and letter spacing.

Problems

I didn't really have any problems with this lab since it was really similar to the previous labs. However, I did run into a problem when I did something extra, which was changing the opacity of my content and sidebar divs. Setting the opacity for the whole div also applied it to the child elements (regardless of whether or not I specified an opacity specifically for the children), so I went to W3Schools for help.

The solution was to change the background-color to rgb() format and add the opacity at the end, resulting in "rgb(41, 41, 41, 0.8)".

Results

This page now has styled text elements!