Frage zur Gestaltung

[Gunnar Bittersmann]

@@Meowsalot

<section id="about">
	<h3>Add Your Heading Text Here</h3>
	<h2>Vacation</h2>
	<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.</p>
</section>

Was ist „Add Your Heading Text Here“? Auf keinen Fall h3.

Wozu ist das gut? Was steht da wirklich für Text?

Und dann das CSS

#about {
		max-width: 48.500em;
		margin: 0 auto;
		background-color: #efefef;
		padding: 2em;
		height: 15em;
}

Eine feste Höhe zuzuweisen ist so gut wie immer falsch. Der Inhalt braucht u.U. mehr Höhe. Nimm min-height.

Passt das so?

Mitnichten.

Text im Handtuch-Format?

Und wie geht’s nach „erat,sed“ weiter? Weiß auf weiß ist schlecht zu lesen.

Und wie kann ich erreichen dass der komplette Text innerhalb von #about zentriert wird (von oben nach unten)?

Mit Flexbox oder Grid.

LLAP 🖖