This will be an odd question but I have a project to do and can not figure out how to properly structure the HTML. The mobile view is an accordion menu, when you select a tab the information drops down.

Post image

The tablet and desktop view however is a kind of navigation bar style thing where the three available tabs are in the upper center of the screen and when you select one the information appears below the tabs.

Post image

For the mobile view I need to put the information in-between each tab in order for it to appear below the selected tab but above any of the other non-opened tabs below it. On the tablet/desktop view if the information is in-between each tab then how do I render it below the horizontal tab bar? I could just write the information twice in the HTML but that seems unprofessional. Any advice would be appreciated. Thank you

I am sorry for the terrible pictures but they are just to give you an idea.

Source link

Write A Comment