Advertisement
ndburrus

Size your Images @joshryder123

Aug 9th, 2016
74
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 0.94 KB | None | 0 0
  1. //  @joshryder123
  2. //  Size your Images
  3.  
  4. <link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
  5.  
  6. <style>
  7.  
  8. .red-text {
  9.   color: red;
  10.  }
  11.  
  12. .smaller-image {
  13. <!-- border-color: green;
  14. border-width: 10px
  15. border-style: solid; **delete this** -->
  16. <!--add
  17. .smaller-image {
  18.  width: 100px;  
  19. }
  20.  
  21. h2 {
  22.  font-family: Lobster, Monospace;
  23. }
  24.  
  25. p {
  26.  font-size: 16px;
  27.  font-family: Monospace;
  28. }
  29.  
  30. </style>
  31.  
  32. <h2 class="red-text">CatPhotoApp</h2>
  33.  
  34. <img ** add class="smaller-image;"** 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.  
  38. <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>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement