Loading...

Top
PFQ Banner

This is PokéFarm Q, a free online Pokémon collectables game.

Already a user? New to PFQ?

Single post in Guide to CSS: Beginner to Expert

Forum Index > PokéFarm > Guides > Guide to CSS: Beginner to Expert >

Mirzam's AvatarMirzam
Mirzam's Avatar
  • Title
  • Title
  • Title
This tab takes up 50% of the top bar
example text
example text
The tabs are done with flexboxes, so flex-basis is probably your best bet. It can seem a bit intimidating if you're new to flex, but it shouldn't be that bad. [style] /* default settings - box sizing keeps the tabs from wrapping */ .tabbed_interface>ul>li { flex-basis: 25%; box-sizing: border-box; } /* first tab */ .tabbed_interface>ul>li:nth-of-type(1) { flex-basis: 50%; } [/style]
© PokéFarm 2009-2024 (Full details)Contact | Rules | Privacy | Reviews 4.6★Get shortlink for this page