Contact 7 Form

Hallo grüße euch

Vielleicht kann mir jemand bezüglich meines Kontaktformulars helfen. Ich möchte, dass die Felder nicht untereinander, sondern in 2 Spalten dargestellt werden.
Versucht habe ich es bereits mit:

<div class="wps-form-row">
und
<div class="wps-form-column">

wie habe ich diese richtig zu platzieren?

 

@SirEctor Vielen Dank für deine Antwort!
Bloß weiß ich damit leider überhaupt nichts anzufangen.

Kannst du hieraus entnehmen ob ich den Code eingebunden habe?

<div class="wps-form">
<!-- Contact Form 7 Code -->
</div>

<div class="wps-form-row">

<div class="wps-form-column">
<label> Firmenname (Pflichtfeld)
[text* your-name] </label>
</div>
</div>

<div class="wps-form-column">
<label> Ansprechpartner
[text your-name] </label>
</div>
</div>

<div class="wps-form-row">

<div class="wps-form-column">
<label> E-Mail-Adresse (Pflichtfeld)
[email* your-email] </label>
</div>
</div>

<div class="wps-form-column">
<label> Telefon
[tel tel-154] </label>
</div>
</div>

<div class="wps-form-row">

<div class="wps-form-column">
<label> Artikel
[text product-name] </label>
</div>
</div>

<div class="wps-form-column">
<label> Menge/Stückzahl (Pflichtfeld)
[number* number-606] </label>
</div>
</div>

</div>
<label> Anmerkungen
[textarea your-message] </label>

[submit "Senden"]

 

Klar, den Link hatte ich zuvor schon mal gefunden, weshalb ich überhaupt von diesem "row & column" erfahren hatte

Ich denke du meinst diesen Kram hier.. ?


"<style>
.wps-form {
width: 100%;
margin: 0 auto;
}....."

Wie ich dem Link entnehmen kann ist dies doch bloß für mobile Ansichten oder?

Inzwischen kommt beim speichern auch einfach die Fehlerseite 404

Bin für heute auch echt durch mit dem Thema.

 

@SEpp55 Hey danke dir
Ich setz mich gleich nochmal ran & schaue was sich machen lässt.
"Ungefähr wie rechnen mit Klammern.."

Kein Wunder weshalb ich sowas nicht verstehe bzw. nicht verstehen will

Danke dir!

 

Inzwischen konnte ich ein ganz bisschen mehr Verständnis erzeigen
Sobald ich nun aber:

<style>
.wps-form {
width: 100%;
margin: 0 auto;
}
.wps-form-row {
display: flex;
flex-direction: column;
width: 100%;
}....

einfüge, kommt die Fehlerseite 403.


Wieder ein simpler Denkfehler?

 

Sagen wir mal so.. es ist nun mehrspaltig wie gewünscht

Ich danke dir nochmal Werde nun für "den Rest" jemand externen beauftragen.
Überhaupt nicht meine Welt.