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

Ikuko Schoeller
Ikuko Schoeller
6,116 Points

I cannot split into 2 columns, not sure where I went wrong.

Here is my code

index.html```
 </header>
    <div id="wrapper">
      <section> 
        <ul id="gallery">
          <li>
            <a href="img-ikko/family.jpg">            
              <img src="img-ikko/family.jpg" alt"">
main.css```
#gallery li {
  float: left;
  width: 45%;
  margin: 2.5%;
  background-color: #f5f5f5;
  color: #bdc3c7;
}

I already changed the browser and cleared the cash. Both of them did not work.

Try adding a box-sizing: border-box property to your css to be sure that the width and height properties includes content, padding and border.

So your main css will be:

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

  box-sizing: border-box;
}

6 Answers

Ikuko Schoeller
Ikuko Schoeller
6,116 Points

Hi Ariel and Kevin, Thank you for your advice. I guess my html was pretty messy already. I gave up make it work. I did succeed making two columns other lesson.

Ikuko Schoeller
Ikuko Schoeller
6,116 Points

Hi Kevin,

I did not want to wait somebody answer my question so I just kept working and ignore about the column. Toward to end of the course, I had a chance to check may html document with free site. I did check my document. Then I found out I had more than ten errors to fix. I think for beginner, like me, sticking and worry about to find out what was wrong is waste of the time. Right now most important thing is getting used to coding. I have been working on other courses for beginner. Now it is easier find mistake for me. I need to basic skill first. One thing it would be really useful for me is if there is a way to access the documents which are written with the current video. Then I can compare the entire html or CSS with my document. Beside being a beginner of coding, I am not a native speaker so video transcript is super useful for me. Anyway thank you for your concern and support. I am so excited learning with treehouse.

Kevin Lawler
seal-mask
.a{fill-rule:evenodd;}techdegree
Kevin Lawler
Full Stack JavaScript Techdegree Student 5,929 Points

Hi Ikuko,

Thank you so much for your kind words!!

I have a PC Windows computer.

Something that has been working for me is to take SCREENSHOTS during the videos so I can look back, review and compare later.

On my computer, with Windows 10, I hit the "Window" key down near the space-bar, along with hitting the "prt sc" key up on the functions strip at the top. " Window + prt sc "

I have been doing it from the beginning of classes so I am fast, but you can always PAUSE the video for a few seconds to SCREENSHOT if you miss a page when video is playing.

I'm sorry I missed your question until today. I am going to be much more active on Treehouse Community now.

You seem to have good English skills! :) I also often read the the Video Transcripts, and I AM an native English Speaker!!

Ikuko Schoeller
Ikuko Schoeller
6,116 Points

Hi Kevin,

Yes!!! Screenshot is the best wat to me!!!! That is so smart. (Or maybe just I am not smart enough to notice that?!) Also you are very nice to take the time to explain what is screenshots step by step. Actually I am using screenshots all the time with my job. I do not know why I did not think about that way. It will solve most of my problems. I pause the videos hundreds times and also very often I need to go back the video a few minutes. I am so glad you helped me. Thank you!!

Also I am happy that I can communicate with English speaker and feel like somebody learning with me even it is online!