Grow your CSS skills. Land your dream job.

Problem using foundation framework

  • # February 11, 2013 at 9:49 am

    I have created a 12 column block and inside this I have another 4 three column block . The problem is when I resize the window , it lost its responsiveness . Not only responsiveness , the contains take place out side of the page wrap .

    If I don’t use foundation , the unordered list items always take place out side of the block . Why it is happening ? How can I solve this .

    Here is what I did: http://codepen.io/sshuvro58/pen/ncAha

    (Plz don’t laugh at my code :( I know it is very bad )

    # February 11, 2013 at 10:34 am

    I’m not sure we can help without seeing the full CSS (with Foundation).

    As for responsiveness, perhaps there are media queries you have left out.

    Ideally a live site would be better than the Codepen.

    # February 11, 2013 at 10:41 am

    ok Paulie_D , leave foundation , but how can I show the link group inside the box ? why they take place out side of the box ?

    # February 11, 2013 at 11:10 am

    I don’t understand.

    By link group do you mean menu?

    What do you mean by outside of the box? What box?

    Perhaps it would be better if you could show us an image of what it is you are trying to achieve. You do have a design mock-up don’t you…if not, you should?

    # February 11, 2013 at 11:24 am

    @Paulie_D:

    thats what I want to make .

    # February 11, 2013 at 11:50 am

    You would have to put the lists into the same div as your logo and float all of them to the left.

    http://codepen.io/Paulie-D/pen/Efegn

    Without knowing the detail of Foundation I can’t say what you might need to classes might apply

    # February 11, 2013 at 12:12 pm

    thanks a lot @Paulie_D

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".