Anfänge mit GRID: HTML- und CSS-Sheets korrekt strukturieren

[Gunnar Bittersmann]

@@einsiedler

<nav id="skip-to-section" aria-labelledby="skip-to-section-label" class="skip-navi-intern">
		<p id="skip-to-section-label" class="visually-hidden">Section - Skip</p>

Gut, dass du da (visuell versteckt) etwas hast, was die Bedeutung dieses Abschnitts (landmark) angibt. Aber: das sollte eine Überschrift sein. Also nicht p, sondern h2 oder welches Level bei deiner Struktur richtig ist.

---

<header class="subheader">
	<hgroup>
						<h2>The Walking Dead: <span>Dead City</span></h2>
						<p><span>Who's There?</span> - <span>25. Juni 2023</span></p>
			
			<div>
						<p class="blogpost"><span>Posting vom</span> 18-06-2023 -- 16:30 Uhr -- Admin</p>
						<ul>
							<li class="tags"><a href="https://www.facebook.com/hashtag/TheWalkingDead">#TheWalkingDead</a><a href="https://www.facebook.com/hashtag/DeadCity">#DeadCity</a><a href="https://www.facebook.com/hashtag/Negan">#Negan</a></li>
						</ul>
			</div>
   </hgroup>
</header>

Das hgroup-Element scheint mir hier unangebracht zu sein. header als Container reicht.

Kwakoni Yiquan