They’re asking for this -
Your img
element should have the class smaller-image
.
Your img
element should have the class thick-green-border
.
Your image should have a border width of 10px
.
Your image should have a border style of solid
.
The border around your img
element should be green.
and I’ve done this -
**<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">**
**<style>**
** .smaller-image; {**
** }**
** .thick-green-border; {**
** border-color: green;**
** border-width: 10px;**
** border-style: solid;**
** }**
** .red-text {**
** color: red;**
**</style>**
** h2 {**
** font-family: Lobster, monospace;**
** }**
** p {**
** font-size: 16px;**
** font-family: monospace;**
** }**
** .smaller-image {**
** width: 100px;**
** }**
**</style>**
**<h2 class="red-text">CatPhotoApp</h2>**
**<main>**
** <p class="red-text">Click here to view more <a href="#">cat photos</a>.</p>**
** <a href="#"><img class="smaller-image" class="thick=green border" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>**
** **
**```css**