Flexbox - grid-Layout
bearbeitet vonHallo 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.
~~~ HTML
<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.  
           <input id="Eintrag10" maxlength="2" size="1" >
     </div>
</div>
~~~
Ich habe die  Aufgaben in ein div gepackt. 
[Script sollte nicht in HTML stehen](https://wiki.selfhtml.org/wiki/HTML/Tutorials/Trennung_von_Inhalt,_Pr%C3%A4sentation_und_Verhalten). 
[Die Input-Elemente brauchen label.](https://wiki.selfhtml.org/wiki/Formulare)
[Der Container ist ein Grid](https://wiki.selfhtml.org/wiki/CSS/Tutorials/Grid/Einf%C3%BChrung):
~~~ CSS
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.
-- 
Was ja kaum einer weiß:   
Lorem Ipsum ist ein Zitat von Julius Caesar, was übersetzt so viel heißt wie  
„Das schlimme am Internet ist, dass man nie weiß, ob Zitate echt sind.“