In the index page of this site, In the second "Hero Section" element (class = health), I am trying to set the sidebars to position relative in the top left and right corners. For some reason the right side bar doesn't want to postion properly and I had to move it manually 300 PX down.
Also the parent element (Hero Section) is using flexbox for positioning and I want the main container child element to always be centered vertically and horizontally regardless of the width of the sidebars. Right now, If I increase or decrease the width of the left side bar for example, the main container will move instead fo staying the middle like I want.
I'm open to other positioning suggestions.
See diagram below of how I want it to be: