Adding a Font
Earlier, you added the .logo-text
class to the h1
element.
Use that class as the selector for a new styling rule in styles.css.
Insert it after the styles for the anchor tag. (In general, the order of your styles only matters
when you have multiple rule sets for the same selector. In Ottergram, the styles are arranged
in roughly the same order as they appear in the code. This is a matter of preference,
and you are free to organize your styles as you see fit.)
... a { text-decoration: none; } .logo-text { background: white; text-align: center; text-transform: uppercase; font-size: 37px; } .thumbnail-item + .thumbnail-item { ...
First, you gave the header a white background. Then you centered the text inside the .logo-text ...
Get Front-End Web Development: The Big Nerd Ranch Guide now with the O’Reilly learning platform.
O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.