Why isn't my content center aligning on smaller screens?

[mel30]

The below code (<div class="recipe-content active" id="section-1">) is not getting aligned to the center of the page for below screen size 798

here is the page link https://www.athreyaherbs.com/pages/recipe

#block__c297995f-49f7-4085-b62a-e45bebce6181 .homepage_content{
    width: 100% !important;
    text-align: center !important;
    margin: auto !important;   
  }

 #block__c297995f-49f7-4085-b62a-e45bebce6181 .sixteen.columns{
    width: 100% !important;
    padding: 0 !important;
    text-align: center !important;
  }

<div id="block__c297995f-49f7-4085-b62a-e45bebce6181" class="block__c297995f-49f7-4085-b62a-e45bebce6181 page-details-block block_html_image">
  <div class="container">
    <div class="sixteen columns">
      <div class="homepage_content section center clearfix">
        <div class="featured_text trim-last-paragraph">
          <div class="recipe-content active" id="section-1" >
            <div class="recipe-card">
              <div class="menu-name">~Drinks~</div>
              <!-- Rest of your content -->
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

[VsisodiyaDesign]

All you menu of recipe-card looking center for my side .  I guess you fix this issue

[mel30]

@VsisodiyaDesign Yes. The issue was fixed. But it has appeared again. Not sure what I have changed.

[mel30]

Never mind I fixed it again :D. Apologies for the trouble.