Grow your CSS skills. Land your dream job.

Text In Columns Bunched Up

  • # May 25, 2013 at 6:13 am

    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

    # May 25, 2013 at 8:08 am

    http://codepen.io/JamyGolden/pen/xArHG
    I changed: `#two-col` and `.column`

    # May 25, 2013 at 8:36 am

    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

    # May 25, 2013 at 8:50 am

    Hello,

    @mwbcomputers, width on line 42, reset it to a proper value , and use margin (http://codepen.io/mwbcomputers/pen/tuoxe)

    .

    # May 25, 2013 at 9:24 am

    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.

    # May 25, 2013 at 9:29 am

    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.

    # May 25, 2013 at 9:35 am

    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.

Viewing 7 posts - 1 through 7 (of 7 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".