Problem using foundation framework

[sshuvro58]

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 )

[Paulie_D]

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.

[sshuvro58]

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 ?

[Paulie_D]

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?

[sshuvro58]

@Paulie_D:

thats what I want to make .

[Paulie_D]

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

[sshuvro58]

thanks a lot @Paulie_D

[Author]

Posts