Text In Columns Bunched Up

[CarraraWebsiteSolutions]

Hello

I have just about worked it out but now my h3 text and column text are bunched up.

http://codepen.io/mwbcomputers/pen/tuoxe

Text was all good before both columns were side by side and the header h3 was in one line also

this is the only thing that’s stopping me don’t know how to fix it happens every time

Was fine before but now all of a sudden not well so frustrating some times. when think have done it and then this happens

[wolfcry911]

mwb, things are getting too complicated here. This should really be a simple task. All the sections are the same with the exception of different widths on two. Style all the sections the same and then override the width for the two exceptions.

I forked your pen from the other thread – look at how I reduced the html and how simple it is. I didn’t even use a single class; not that that is the best approach, but just shows you don’t need so many classes and nested elements.

http://codepen.io/wolfcry911/pen/mIrhn

[CarraraWebsiteSolutions]

Thanks all never really done double columns and rows before can do singles and every thing else but this was out of the norm for me.

@wolfcry911

Just seeing if I under stand this when a part means this footer section:nth-of-type(1),
footer section:nth-of-type(5) the number 1 ie is a column??

I see this way you can specify widths for certin columns. I think i should look in to nth-of-type more the make life easier.

[wolfcry911]

they represent the 1st and 5th sections in the footer. For greater browser depth, you may wish to class those individual sections instead, and style with the class rather than the pseudo class.

[CarraraWebsiteSolutions]

So many simple and easy techniques out there now just finding out about. Going to get a trainee job as web devloper soon. Once able to recover from op in 8 months.

Found A course where don’t have to pay for it up front and only pay when earn over 40k

Work part time and have home business.

[Author]

Posts