ecgarcia

Free code camp multi class img tag

Jul 4th, 2017
6,131
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 1.01 KB | None | 0 0
  1. Here how I solved this one.  I forgot to use <img class="class1 class2">
  2.  
  3.  
  4. <link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
  5. <style>
  6.   .red-text {
  7.     color: red;
  8.   }
  9.  
  10.   h2 {
  11.     font-family: Lobster, Monospace;
  12.   }
  13.  
  14.   p {
  15.     font-size: 16px;
  16.     font-family: Monospace;
  17.   }
  18.  
  19.   .smaller-image {
  20.     width: 100px;
  21.   }
  22.   img {
  23.    
  24.   }
  25.   .thick-green-border{
  26.     border-width: 10px;
  27.     border-style: solid;
  28.     border-color: green;
  29.       }
  30. </style>
  31.  
  32. <h2 class="red-text">CatPhotoApp</h2>
  33.  
  34. <img  class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">
  35.  
  36. <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>
  37. <p class="red-text">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
Add Comment
Please, Sign In to add comment