Flexbox - grid-Layout

[Jonathan Harker]

Hallo Joachim,

Im Moment wäre ich erst mal froh, wenn ich mein Problem lösen könnte.

Flexbox und Grid wirken nur auf direkte Kindelemente.

<div class="container">

   <div class="aufgabe">
      <button  id="aufgabe1" >1</button>
      <p>1 840</p> 
      <input  id="eintrag1" maxlength="12" size="10" >
    </div>
    <div class="aufgabe">              
        <button id ="aufgabe10">10</button>
        <p >Bestimmen Sie das kgV von<br>
          2, 3, 4, 5, 6, 10, und 12.</p>
           <input id="eintrag10" maxlength="2" size="1" >
     </div>
</div>

Ich habe die Aufgaben in ein div gepackt.

Script sollte nicht in HTML stehen.

Die Input-Elemente brauchen label.

Der Container ist ein Grid:

container {
  display: grid;
 grid-template-columns: 1fr 1fr;
  gap: 1em;
}

Mein Tipp: Mach mal eine Programmmierpause und lies einige Grundlagen-Tutorials.

Bis bald!
Jonathan

Im übrigen: gelungener Autorenname.

Mina freut sich auch, bald so zu heißen.