Accordion appears fixed

If you resize the window - Why is it that the accordion appears to be fixed to the left side - despite that area being full width.

There are no borders nor padding set. The row above has two columns. The row with the accordion has none - again full width. Unsure of what is preventing it from floating in the center or even resizing.

Adding my personal URL in a secure note

Hey @kmatan,

I have checked the tabs element on the page and there is an 800px max width set to the element.

Kindly set the max width to 100% instead.

Hope this helps.

Fixed! I appreciate that catch! The thing is - it still appears it won’t fully fit the width of the browser. If you compare it to the button in the column above - it still seems left justified.

Any thoughts?

Hey @kmatan,

That is still because of the 1000px max width you have set to the tab element.

If you want to still have the 1000px max width to the element and center it, set the element’s left and right margin to auto.

Hope this helps.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.