[Solved] How to align content horizontally using Flexbox?

by


Check https://css-tricks.com/snippets/css/a-guide-to-flexbox/. Useful website for most of your CSS. If I understood what you wrote correctly you could use this code:

    .footer-logo-container {
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between;
    }
    
    .footer-email {
        display: flex;
    }
<div class="small-12 cell footer-logo-container">
      <a href="#">
         LOGO
      </a>
      <div class="footer-email">
        Sign Up for the Rock River Report Here
        <input class="footer-input" type="email" placeholder="email">
        <a href="#" class="link">
            <div class="link-text">
                SUBSCRIBE
            </div>
        </a>
    </div>

2

solved How to align content horizontally using Flexbox?