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 Styling Web Pages and Navigation Style the Portfolio

Deborah Williamson
Deborah Williamson
2,997 Points

Text wont center in About page

Ive follow everthing in the video and i think i have the exact same thing, but my text wont center. If there's anything wrong or any addition code is need please let me know.

Deborah Williamson
Deborah Williamson
2,997 Points
/********************
GENERAL
********************/
body{
font-family:'Open Sans', sans-serif;
}

#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: 'Changa One', sans-serif;
  margin: 15px 0;
  font-size:1.7sem;
  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: PORTFOLIIO
********************/

#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: 0px auto 30px;
border-radius: 100%;
 }

/********************
COLORS
********************/

/*  site body */ 
body {
background-color: #fff;
  color: #999;
}

/* green header*/
header {
background: #6ab47b;
    border-color: #599a68;
}

/* nav back ground on mobile devices */
nav{
background: #599a68;
}

/* logo text*/
h1,h2 {
  color: #fff;
}

/* links */
a {
color: #6ab47b;
}

/* nav link */
nav a, nav a:visited {
color: #fff;
}

/* selected nav links */
nav a.selected, nav a:hover {
color: #32673f;
}
Sreng Hong
Sreng Hong
15,083 Points

which text that not center?

i compare your code with the project file already and it's fine.

1 Answer

Tommy Gebru
Tommy Gebru
30,164 Points

Hey Deborah,

providing your code for the About page will show that you created an about page and linked it to your css. From there we can move forward and work on centering you text.