Have flexbox ignore 5th and 6th child of a form?

I am a student building an HTML/CSS website for a school assignment. I am styling the forms right now with flexbox. I would like a specific part of the <form> to not be included in the flexbox, and instead have it be flex-direction: row; rather than column. I’m struggling how to figure that out.


.your-information {
    display: flex;
    flex-direction: column;
    align-items: center;

.your-information form  {
    display: flex;
    flex-direction: column;


<div class="your-information">
    <form action="">
        <label for="name">First and last name</label>
        <input type="text" name="name" id="">
        <label for="email">Email Address</label>
        <input type="email" name="email" id="">
        <input type="checkbox" name="emailme" id=""> 
        <label for="emailme">email me with news and offers</label>
    <a href="#" class="square-button">CHECKOUT <img src="/img/button-arrow.svg" alt=""></a>

Desired Outcome


In separate reply.

I just need the checkbox and email me with news and offers on one line.


Okay this was easier than I thought to fix, I just wrapped the 5th and 6th input and label in a div container and styled that with flex-direction:row; and it worked… so just excuse this, unless what I’m doing is not the best solution.