Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
Next, we're going to target the headings and the paragraphs inside of the promo area. So inside of our CSS file, let's hit a few more returns. Let's create a compound rule, .promo h3. We want to target h3 tags that are inside of an element with a promo class. Add our brackets. Then we're going to set font-size to 1.1 ems. I'll bring the set margin to 0 and then a semi-colon.
If we just set one number in the margin, it will set up for all four sides. Next, .promo p. We're going to target paragraphs inside of the promo area. Put in our brackets. First, we're going to set line-height. 1.2 ems, space. We're going to set font-size to .9 ems. Next, we're going to set margin-bottom to .5 ems, then save.
Let's come back out to our browser. Let's hit reload. So now we can see that these headings are a little bit smaller. We can see the font size here for the paragraphs is just 10% smaller than the base font, and everything here is just locking up a little bit tighter now. Now that we have the type styled for the promo areas, next we'll add in images into the background areas for the individual promos.
Get unlimited access to all courses for just $25/month.Become a member
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.