How to shrink and fit any logo in a fixed box

by

Well, since you’re using a background image in your thumbnail-image class, you’ll need to specify background-size and background-repeat rules.

Add this to your css:

.thumbnail-image {
    background-size: 100%;
    background-repeat: no-repeat;
}

Hope that helps.

More Related Contents:

  1. div 100% width with other div fixed
  2. How to design an HTML/CSS signature that will work in Outlook 2016? [duplicate]
  3. I need an unordered list without any bullets
  4. Does :before not work on img elements?
  5. Bootstrap row with columns of different height
  6. CSS3 100vh not constant in mobile browser
  7. Responsive Separator for Horizontal List
  8. CSS set background-image by data-image attr
  9. Stretch text to fit width of div
  10. Is it possible to use text-overflow:ellipsis on multiline text?
  11. What is use of ‘initial’ value in CSS?
  12. What’s the difference between flex-start and baseline?
  13. Use a normal link to submit a form
  14. Removing ul indentation with CSS
  15. Can I stop 100% Width Text Boxes from extending beyond their containers?
  16. Inline tags vs. inline css properties
  17. Remove border from IFrame
  18. Why are my div margins overlapping and how can I fix it?
  19. Flexbox resize and scrollable overflow [duplicate]
  20. How do I make Firefox auto-refresh on file change?
  21. Second line in li starts under the bullet after CSS-reset
  22. Can I override inline !important?
  23. How position absolute and fixed block elements get their dimension?
  24. Ring-shaped process spinner with fading gradient effect around the ring
  25. Why is there a default margin on the element? [closed]
  26. set css border to end in a 90 instead of a 45 degree angle
  27. text-decoration not working for visited state link
  28. Can you style ordered list numbers?
  29. Div with horizontal scrolling only
  30. Best Way to do Columns in HTML/CSS

Leave a Comment