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
Mustafa Kasim
1,938 PointsAbout page and Portfolio page looks exactly the same.
So For some reason s I continues working through the project I realised that my about and portfolio page were both exactly the same and that they both displayed the uploaded images which was part of the project.
I don't what seems to have happened. For the portfolio page I just want my pic and some infer about me..
anyway here is the css
#gallery{
font-size: 0.9em;
margin: 0;
padding: 0;
list-style-type: none;
}
/************************************************ GENERAL ************************************************/
body {
font-family: 'Verdana', cursive;
}
wrapper {
max-width: 940px;
margin: 0 auto;
padding: 0 5%;
}
a {
text-decoration: none;
}
img {
max-width: 100%;
}
h3 {
margin: 0 0 1em 0;
}
/************************************************ HEADING ************************************************/
header { float: left; margin: 0 0 30px 0; padding: 5px 0 0 0; width: 100%; }
logo {
text-align: center;
margin: 0;
}
h1, { font-family: 'Cabin Sketch', cursive; 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: 10px 0; margin: 20px 0 0; }
nav ul { list-style: none; margin: 0 10px; padding: 0; }
nav li { display: inline-block; }
nav a { font-weight: 800; padding: 15px 10px; }
/************************************************ FOOTER ************************************************/
footer {
font-size: 0.75em;
text-align: center;
clear: both;
padding-top: 50px;
color: #ccc;
}
.social-icon { width: 20px; height: 20px; margin 0 5px; }
/************************************************
PAGE: PORTFOLIO ************************************************/
#gallery {
margin: 0;
padding: 0;
list-style: none;
}
#gallery li {
float: left;
width: 45%;
margin: 2.5%;
background-color: #f5f5f5;
color: #bdc3c7;
}
#gallery li a p {
margin: 0;
padding: 5%;
font-size: 0.75em;
color: #bdc3c7;
}
/************************************************ PAGE: ABOUT ************************************************/
.profile-photo { display: block; max-width: 150px; margin: 0 auto 30px; border-radius: 100%; }
/************************************************ PAGE: CONTACT ************************************************/
/************************************************ COLORS ************************************************/
/* site body */ body { background-color: #E44D2E; color: #FFEBCD; }
/* green header */ header { background: #FFF8DC; border-color: #599a68; }
/* nav background on mobile devices */ nav { background: #DEB000; color: #fff; }
/* logo text */ h1, h2 { color: #4169E1; }
/* links */ a { color: #4169E1; }
/* nav link */ nav a, nav a:visited { color: #fff; }
/* selected nav link */ nav a.selected, nav a:hover { color: #000; }
5 Answers
Juan Jose Cortes Guzman
7,894 PointsHi Mustafa, the CSS has nothing to do with the html content displayed in your about page (unless it's a background or colors or typography). Is there the possibility that you copy-paste the same code in the the index.html to the about page. Check your html files.
Good luck!
Juan Jose Cortes Guzman
7,894 PointsSorry connection trouble, my answer got repeated :S
Lara Rocha
3,728 PointsSomething like that happened to me and it was the browser, try to see your page in another browser... I was using IE, than I changed to Chrome and voila! All my work was there, no problems at all. :)
miruke
5,649 PointsIf you are still having trouble can you us show the html code for your about page? My guess is that the problem is on that page.
Ian Taylor
4,114 PointsIt sounds like either you've copied and pasted the code to the about page and not deleted the contents of the section, or you've not refreshed the browser.