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

Learning coding
seal-mask
.a{fill-rule:evenodd;}techdegree
Learning coding
Front End Web Development Techdegree Student 9,937 Points
Posted by Learning coding
.a{fill-rule:evenodd;}techdegree
Learning coding
Front End Web Development Techdegree Student 9,937 Points

After changing codes except for flexbox, the make up of the flexbox containers changed?

I have done the flexbox module here on treehouse and have also done the "what the flexbox" course. These basis courses are helpfull, but when weird things happen you still have to figure things out.

For example how the three columns in the "Symptomen" page got messed up? Hope someone can help me with this.

https://w.trhou.se/3zb8q8jvk3

Savannah Lynn
Savannah Lynn
13,662 Points
Savannah Lynn
Savannah Lynn
13,662 Points

Hi,

What exactly is going wrong with the columns that you want to change with flexbox?

I see a lot of space above the three symptomen columns after your three icons. Also the sympotomen columns each have centered text which looks funny since you have so many checkboxes. But I wasn't sure if either of these styles are what you're referring to.

Right now you really don't have any styles applied to your flexbox except to declare the main container a flexbox and to display your three sympotem columns in a row. What other styling are you trying to apply? Then we can help you achieve that :)

3 Answers

Savannah Lynn
Savannah Lynn
13,662 Points
Savannah Lynn
Savannah Lynn
13,662 Points

That's because you have "section" styled as text-align: center, remove that and it will go back to the default text-align: left

Learning coding
seal-mask
.a{fill-rule:evenodd;}techdegree
Learning coding
Front End Web Development Techdegree Student 9,937 Points
Learning coding
.a{fill-rule:evenodd;}techdegree
Learning coding
Front End Web Development Techdegree Student 9,937 Points

Hi, what I am trying to apply is to have three colums where the checkboxes are neatly placed unders each other. And where the text is placed under each other as well. Now the text (and checkboxes) seem to be centered, or something like that. I would like to have the checkboxes and text kind of similar as in this link, but then in three columns. http://www.gezondeademhaling.nl/symptomen-ontregelde-ademhaling/. Thx.