Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS How to Make a Website Adding Pages to a Website Add Iconography

Why Nick add min-height ?

Hi. I don't understand the idea of adding property min-height: 20px when later we add background-size: 20px 20px;

Code:

.contact-info a {
  display: block;
  min-height: 20px;
  background-repeat: no-repeat;
  background-size: 20px 20px;
  padding: 0 0 0 30px;
  margin: 0 0 10px;
}

1 Answer

It's because you don't want the image to go below 20px

Ok but when we define background size image will be exactly 20x20. There is constant size. Why we define min. height in this situation?

Lukas raises a good point. When the size of the image is specifically defined and not a percentage, then why would you need to set a min or a max?