Advertisement
Guest User

Untitled

a guest
Feb 23rd, 2020
103
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 0.69 KB | None | 0 0
  1. ### THIS BIT IS FOR YOUR HTML PAGES ###
  2. ## NOTE: The class is case sensitive.
  3. <img src="https://image.com/minty.png" alt="A minty picture" class="yourClassHere">
  4.  
  5. ### THIS BIT IS FOR YOUR CSS FILE ###
  6. ## Put it anywhere you like in your page, wherever makes sense to you
  7. # Assuming you want this in your content container, if not you can change the class to suit where you want it.
  8.  
  9. .monitor .content img.yourClassHere
  10. {
  11. height: 500px; /* make the image 500px and scale the width to not distort the image */
  12. width: auto;
  13.  
  14. /* OR */
  15.  
  16. height: 50%; /* do it by a percentage */
  17. width: auto;
  18.  
  19. /* NOTE: you can also change the width and make the height auto. it's up to you.. */
  20. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement