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 trialAndrei Burichita
9,989 Pointsimages not resizing
so ...after following the lesson step by step..i have written my code and i see that the images are not automatically resizing just as presented. I have used another set of images which are not all equal in size as in the tutorial. If in #gallery li{ i change width from 45% to a lesser value...i get 3 rows instead of two but still no resizing of the images. Any help would be appreciated.
HERE'S MY MAIN.CSS
/*************************
GENERAL RULES
*************************/
body {
font-family: 'Open Sans', sans-serif;
}
a {
text-decoration: none;
}
gallery img {
max-width: : 100%;
}
wrapper {
max-width: 550px;
margin: 0 auto;
padding: 0 5%;
}
/*************************
HEADING
*************************/
logo {
text-align: center;
margin: 0;
}
h1 { font-family: 'Changa One', sans-serif;
margin: 15px 0;
font-size: 1.75em;
font-weight: normal;
line-height: 0.8em;
}
h2 { font-size: 0.75em;
margin: -5px 0 0;
font-weight: normal;
}
/*************************
NAVIGATION
*************************/
nav {
text-align: center;
padding: 5px 0; /* */
margin: 20px 0 0;
}
/*************************
FOOTER
*************************/
footer {
font-size: 0.75em;
text-align: center;
padding-top: 50px
color: #ccc;
clear: both;
}
/*************************
PAGE GALLERY
*************************/
gallery {
margin: 0;
padding: 0;
list-style: none;
}
gallery li {
float: left;
width: 45%;
margin: 2.5%;
background-color: #f5f5f5;
color: #bdc3c7;
}
/*************************
COLORS
*************************/
body{
background-color: white;
color: #999;
}
a {
color: #f13706;
}
header {
background: #d28f1b;
border-color: #599a68;
}
h1, h2 {
color: white;
}
nav {
background: rgb(88, 179, 215);
}
nav a, nav a:visited {
color: white;
}
nav a.selected, nav a:hover {
color: #32673f;
}
2 Answers
James Matthews
21,610 PointsHey dude,
Your gallery img has two colons (::) on its max-width property, making that particular statement invalid. Remember, using % values will make it a percentage of whatever the parent's property is.
Hope this helps!
Andrei Burichita
9,989 Pointskeen eye my dear Sir....thank you...case closed