How to align this content using Flexbox? : [Example Picture][1] Don't worry about the css part. I'm trying to align the input and the anchor horizontally with the logo using flexbox. Example attached. The logo will be on the right and the input with the anchor will be on the left but all horizontal.

This is what I currently have. I'm not worried about the css just trying to get the layout correct.

<!-- begin snippet: js hide: false console: true babel: false -->

<!-- language: lang-css -->




<!-- language: lang-html -->

    <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>

<!-- end snippet -->


  [1]: https://i.stack.imgur.com/1oBHV.png