While using Bulma to design a website, I encountered an unusual issue with the Tabs component within a Hero component. The Tabs element comes with a default margin-bottom
of 1.5rem, which does not align with my desired aesthetics. Despite trying different methods like using !important
, assigning an id, and applying inline styles to override this default style, none of them seem to work effectively. Your assistance in resolving this matter would be highly appreciated. Attached are the HTML and CSS codes for reference. I have also attempted unticking the margin-bottom option without success.
https://i.sstatic.net/wdlMR.png