Odpowiedź :
Odpowiedź:
<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="author" content="Imie i nazwisko">
<title>Moje Hobby</title>
<style>
body{
background: rgb(2,0,36);
background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(226,254,139,1) 35%, rgba(0,212,255,1) 100%);
}
.col{
width: 600px;
border-radius: 3px;
border: 1px dashed gray;
margin-left: auto;
margin-right: auto;
background-color: aliceblue;
display: flex;
justify-content: center;
align-items: center;
}
.footer{
position: fixed;
left: 0;
bottom: 0;
width: 100%;
background-color: gray;
color: white;
text-align: center;
height: 60px;
}
.footertext{
font-size: 20px;
}
</style>
</head>
<body>
<h1 style="text-align: center; font-size: 40px;">Moje Hobby</h1>
<div class="col">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum non consequat enim. Donec ullamcorper euismod diam. Vestibulum mattis, felis ut elementum sollicitudin, nulla magna tincidunt eros, eget eleifend mi sapien ut tortor. Aenean eget vestibulum ante, hendrerit varius odio. Maecenas feugiat convallis metus, vitae condimentum ligula vulputate vitae. Proin vitae nulla ac urna feugiat suscipit commodo in lacus. Morbi fringilla urna nec auctor tincidunt. Etiam ac diam lobortis diam commodo porttitor id non dolor.
Suspendisse fringilla dictum diam, maximus convallis felis convallis eget. Morbi fermentum semper dictum. In et lacus metus. Morbi vehicula arcu eros. Donec ac sagittis elit. Curabitur commodo ipsum lectus, rutrum cursus quam tristique quis. Duis efficitur tempus dui in fringilla. Ut vel diam suscipit lorem viverra scelerisque nec at nulla. Nullam egestas, justo in ultricies pharetra, erat velit blandit dui, eget porttitor leo purus sed sem. Aenean ut efficitur eros. Nunc metus erat, varius eu enim nec, malesuada mollis velit. Suspendisse potenti. Vestibulum nec maximus enim, quis iaculis velit. Quisque enim magna, viverra eget dolor sit amet, ultricies vestibulum tellus. Mauris tempor, turpis et vestibulum dignissim, purus magna rhoncus risus, non ullamcorper ante velit non dolor.d</div>
<div class="footer"><p class="footertext">Autor: Jan Kowalski</p></div>
</body>
</html>
Wyjaśnienie:
W miejsce lorem ipsum napisz coś o swoim hobby :)
Licze na naj <3
