Hallo Leute,
ich arbeite mich in seit kurzem in CSS3 ein und habe damit kleinere Probleme. Hier z.B. möchte die font-size nicht auf den gesamten Text greifen. Lediglich ist das DIV Element mit der Class dessert entsprechend angepasst. Auch wird der erste Satz in der Classe dessert nicht in der richtigen größe angezeigt. Wodran liegt das?
ich arbeite mich in seit kurzem in CSS3 ein und habe damit kleinere Probleme. Hier z.B. möchte die font-size nicht auf den gesamten Text greifen. Lediglich ist das DIV Element mit der Class dessert entsprechend angepasst. Auch wird der erste Satz in der Classe dessert nicht in der richtigen größe angezeigt. Wodran liegt das?
Code:
<!DOCTYPE html>
<html>
<head>
<title>This is my Title</title>
<link href="https://fonts.googleapis.com/css2?family=Cinzel&display=swap" rel="stylesheet">
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: 'Times New Roman', Times, serif;
font-size: 1.3em;
}
h1 {
font-family: 'Cinzel', serif;
}
</style>
</head>
<body>
<header>
<h1>My Heading</h1>
</header>
<div id="wrapper">
<div class="first">
<p>
<h2>Classic</h2>
<small>Lorem ipsum dolor sit amet consectetur adipisicing elit. Exercitationem vitae voluptatum fuga ullam voluptatem delectus tenetur ducimus illum ut maiores?</small>
</p>
</div>
<div class="second">
<p>
<h2>Modern</h2>
<small>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Mollitia sunt magni inventore! Quos quae consequatur consequuntur culpa perspiciatis doloremque provident.</small>
</p>
</div>
<div class="third">
<p>
<h2>Dessert</h2>
<small>Lorem ipsum dolor sit amet consectetur adipisicing elit. Error quasi eaque facilis? Voluptas explicabo laborum molestias vitae cumque nulla eligendi!.</small>
</p>
</div>
</div>
<footer>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Accusamus libero, incidunt earum aliquam culpa commodi optio, iste blanditiis sunt, quia architecto harum repudiandae eius. Minus facere illo provident sed, culpa pariatur nesciunt similique hic beatae ut voluptatem quisquam libero, tenetur debitis, dolorem veritatis dicta necessitatibus iusto deleniti. Suscipit beatae odit nobis saepe delectus voluptatibus soluta inventore voluptas incidunt dicta consequuntur ex ducimus magni labore explicabo earum totam, iusto amet accusamus error in! Molestias ducimus natus ipsum numquam, ipsa obcaecati blanditiis dolorum repellat assumenda laboriosam temporibus nemo quisquam reiciendis consequatur molestiae repellendus quidem, tenetur dolores magni minima veniam velit odio? Quaerat?
</footer>
</body>
</html>