Align radio inputs

[brenofunda]

Hey guys, im doing my seconde project in fcc, the survey form. I need make 2 columns with 3 items each. I do this , but they aren’t aligned.
Here is my HTML:

<div id="radio-set">
    Você recomendaria a loja para um amigo?<br>
    <div class="radio-flex">
    <label class="radio">
    <input 
      name="recomendacao" 
      type="radio" 
      alt="Com certeza"
      value="comctz"
      checked
      />Com certeza
    </label>
    <label class="radio">
    <input 
      name="recomendacao" 
      type="radio" 
      alt="Provavelmente sim"
      value="provs"     
      />Provavelmente sim
    </label>
    <br>
      </div>
      <div class="radio-flex">
    <label class="radio">
    <input 
      name="recomendacao" 
      type="radio" 
      alt="Talvez"
      value="talvez"      
      />Talvez
    </label>
    <label class="radio">
    <input 
      name="recomendacao" 
      type="radio" 
      alt="Não sei"
      value="nsei"      
      />Não sei
    </label>
    <br>
        </div>
      <div class="radio-flex">
    <label class="radio">
    <input 
      name="recomendacao" 
      type="radio" 
      alt="Provavelmente não"
      value="provn"      
      />Provavelmente não
    </label>
    <label class="radio">
    <input 
      name="recomendacao" 
      type="radio" 
      alt="Definitivamente não"
      value="defn"
      />Definitivamente não
    </label>
        </div>
  </div>

In CSS i just add a padding-top.
And this is the currently visulization:

but i plain do this:

help

[Roma]

It’s easier to help if you provide a link to all your code rather than providing snippets.
Your project has to be somewhere live so provide us with that link.

On a side note, do not use the <br> element to force line breaks or spacing. That’s what CSS is for.

• Reference MDN Docs

[brenofunda]

The code pen: https://codepen.io/breno1405/pen/GRWZLOa

[Roma]

A search for css column-count will probably give you the results you’re looking for.