Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Two div boxes become one tabbed component

  • This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #205138
    makapaka
    Participant

    I have two div boxes side by side in standard desktop size.

    http://jsfiddle.net/6jy6d0ge/

    It is using foundation for the grid layout.

    I would like to keep the box aspect ratios in tact on resizing, and when it gets to mobile size, they boxes should join into a tab layout, where the active tab is the one on the left, and you can tab between the two boxes.
    I don’t even know where to start on that – any pointers, links, tutorials or ideas appreciated.

    Thanks

    #205141
    Paulie_D
    Member

    That’s going to take a lot of work.

    Maintaining aspect ratio is not especially hard but the methods of doing it might not be appropriate for you.

    The first place I would start is by checking the Foundation docs on how to build the tabs.

    Then figure out how you can adapt that to scale up to what you want at desktop size.

    Mobile First.

Viewing 2 posts - 1 through 2 (of 2 total)
  • The forum ‘CSS’ is closed to new topics and replies.