Dividing a into two equal rows, each row being an

[f0rta]

I’m trying to replicate this click but I can’t really seem to get how to do it. That’s what I tried so far:

https://codepen.io/anon/pen/BxzOyg

I tried wrapping a’s into spans, but it didn’t work.
I think I need to wrap the a’s tbh, and asign 50% of width to each one, or at least to one of them.
How can I do it?

[Mamun]

Didn’t understand your problem though. Be little more specific about your problems.

Maybe you need to make all your “a” tags to display: block or display: inline-block according to your needs.

[JeroenR]

Maybe you mean something like this? https://codepen.io/anon/pen/erdJeR
When using display flex, and use, in this case, flex grow, the items will be devided equally over the amount of space.

[Author]

Posts