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.
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.“
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.“