Website flexible machen?

Ich habe eine Website mit HTML und CSS (header, aside, section und footer) erstellt.

Kann mir jemand erklären wie man das macht das wenn ich das Fenster kleiner mache das es sich kleiner macht und keinen Balken dazufügt.

Hier der Code :

HTML :

<!DOCTYPE html>

<html>

<head>

<meta name="viewport" content="width=device-width, initial-scale=1">

<link rel="stylesheet" href="style.css" type="text/css">

<link rel="stylesheet" href="style.css" type="text/css">

<title> Gaming</title>

<meta charset ="utf-8">

</head>

<body>

<div id="wrapper">

<header>

<nav>

<ul>

<li><a href="index.html">Home</a></li>

<li><a href="CSGOTeam.html">CS:GO Team</a></li>

<li><a href="Kontakt.html">Kontakt</a></li>

<li><a href="Bewerben!.html">Bewerben!</a></li>

</ul>

</nav>

<img src="banner.png" alt="LOGO" />

<img src="banner.png" alt="LOGO" />

</header>

<section>

<div class="article">

<img src="Vorschau.jpg" alt="LOGO" />

<a href="#">CSGO Team gewinnt Turnier</a>

<p>After several months at a discount, players have found their way to the AUG. Now that everyone has had a chance to learn to love it, the AUG has returned to its original price tag.</p

</div>

<div class="article">

<img src="Vorschau.jpg" alt="LOGO" />

<a href="#">CSGO Team gewinnt Turnier</a>

<p>After several months at a discount, players have found their way to the AUG. Now that everyone has had a chance to learn to love it, the AUG has returned to its original price tag.</p

</div>

<div class="article">

<img src="Vorschau.jpg" alt="LOGO" />

<a href="#">CSGO Team gewinnt Turnier</a>

<p>After several months at a discount, players have found their way to the AUG. Now that everyone has had a chance to learn to love it, the AUG has returned to its original price tag.</p

</div>

</section>

<aside>

<div class="sidebar">

<img src="Vorschau.jpg" alt="LOGO" />

<a href="#">Hallo there</a>

<p>ENCE’s magnificent improbable journey ends in the Grand Finals against heavily-favored back-to-back champions Astralis who won their third Major convincingly on Train and Inferno.</p>

</div>

<div class="sidebar">

<img src="Vorschau.jpg" alt="LOGO" />

<a href="#">Hallo there</a>

<p>ENCE’s magnificent improbable journey ends in the Grand Finals against heavily-favored back-to-back champions Astralis who won their third Major convincingly on Train and Inferno.</p>

</div>

<div class="sidebar">

<img src="Vorschau.jpg" alt="LOGO" />

<a href="#">Hallo there</a>

<p>ENCE’s magnificent improbable journey ends in the Grand Finals against heavily-favored back-to-back champions Astralis who won their third Major convincingly on Train and Inferno.</p>

</div>

</aside>

<footer></footer>

</div>

</body>

</html>

Computer, Internet, Website, HTML, Webseite
2 Antworten

Meistgelesene Fragen zum Thema Responsive Webdesign