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

HTML How to Make a Website Responsive Web Design and Testing Refactor the Layout

Kelly Bickley
Kelly Bickley
1,185 Points

text still appearing beside profile pic instead of under it, which video deals with this step?

Took a break for a few days now I want to correct this but can't recall which step deals with this issue.

css/main.css
a {
  text-decoration: none;
}

#wrapper {
  max-width: 940px;
  margin: 0 auto;
}

#logo {
  text-align: center;
  margin: 0;
}

h1, h2 {
  color: #fff;
}

nav a {
  color: #fff;
}

nav a:hover {
  color: #32673f;
}

h1 {
  font-family: Changa One, sans-serif;
  font-size: 1.75em;
  font-weight: normal;
}

img {
  max-width: 100%;
}

#gallery {
  margin: 0;
  padding: 0;
  list-style: none;
}

#gallery li {
  float: left;
  width: 45%;
  margin: 2.5%;
  background-color: #f5f5f5;
  color: #bdc3c7;
}

nav ul {
  list-style: none;
  margin: 0 10px;
  padding: 0;
}

nav li {
  display: inline-block;
}

nav a {
  font-weight: 800;
  padding: 15px 10px;
}

.profile-photo {
  display: block;
  margin: 0 auto 30px;
      max-width: 150px;
  border-radius: 100%;
}

.contact-info {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 0.9em;
}

.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;
}

@media screen and (min-width: 480px) {

}
M W
M W
3,446 Points

Can you include the relevant chunk of HTML?

4 Answers

M W
M W
3,446 Points

I know that feeling. I sometimes find it easier to start from scratch than rework something. Hope you feel better soon.

Claire Macpherson
Claire Macpherson
4,198 Points

He begins to adjust the layout of the About page in Responsive Web Design & Testing, 'Adjust The Profile Page And Header'... I think that's what you mean?..

M W
M W
3,446 Points

I guess that's a no then!!

Kelly Bickley
Kelly Bickley
1,185 Points

Sorry Mat, I'm just gotten over a flu and have been super confused and unmotivated at present.. I didn't mean to ignore your message. Give me time to recalibrate and if I don't dump the whole thing in the can and start something new I will definitely post the code. Sorry