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

Posted by C C
C C
362 Points

Having trouble making two columns drop down with CSS styling.

I'm working on this website:

When you hover your mouse on "Find a Store" a list of stores drops down. Instead of listing them 6 down, I want to list two columns with three items in each. I've been tinkering with my CSS to no end and I just can't get it to work!

Any ideas?

1 Answer

Žiga Miklič
Žiga Miklič
5,675 Points
Žiga Miklič
Žiga Miklič
5,675 Points

Hello, an easy solution to this problem could be: adding a width to the #m1 div(I used 330px) and then changing its links to: 

#sddm div a {
    display: inline-block;
    padding: 15px 0;
    width: 160px;
}

I hope this helps!