CSS

FCC Challenge 14: Import a Google Font

In FCC Chalenge 14 we’re tasked with importing and setting a web font: <style> .red-text { color: red; } p { font-size: 16px; font-family: Monospace; } </style> <h2 class="red-text">CatPhotoApp</h2> <p class="red-text">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p> <p…

Read More

FCC Challenge 13: Set the Font Family of an Element

For FCC Challenge 13 we need to set the font family for the p elements: <style> .red-text { color: red; } p { font-size: 16px; } </style> <h2 class="red-text">CatPhotoApp</h2> <p class="red-text">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p> <p>Purr…

Read More

FCC Challenge 12: Change the Font Size of an Element

In FCC Challenge 12 we’re creating a second p element and changing the p element style font size: <style> .red-text { color: red; } p { font-size: 16px; } </style> <h2 class="red-text">CatPhotoApp</h2> <p class="red-text">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the…

Read More

FCC Challenge 11: Style Multiple Elements with a CSS Class

In FCC Challenge 11 we need to apply the red-text class to the h2 and p elements: <style> .red-text { color: red; } </style> <h2 class="red-text">CatPhotoApp</h2> <p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p> The modified code should look…

Read More

FCC Challenge 10: Use a CSS Class to Style an Element

In FCC Challenge 10, you’re required to change the style selector to .red-text and the color to red. At the same time the ‘red-text’ class should be appended to the h2 element: <style> h2 { color: blue; } </style> <h2>CatPhotoApp</h2> <p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the…

Read More

FCC Challenge 9: Use CSS Selectors to Style Elements

For FCC Challenge 9, we’re deleting the style in the h2 tag and creating a separate CSS style element to style the h2 tag: <h2 style="color: red">CatPhotoApp</h2> <p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p> The modified code should…

Read More