Flexbox - grid-Layout
bearbeitet von
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.
~~~ 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.“