- index.html
- style.css
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<title>Challenge: Play With Fonts</title>
<meta charset="utf-8">
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>Keksobas</h1>
</body>
</html>
CSS
body {
margin: 0;
width: 570px;
height: 300px;
background: url("football.jpg") -120px -60px no-repeat;
color: #ffffff;
font-family: "Arial", sans-serif;
}
h1 {
position: relative;
margin: 0;
padding-left: 40px;
width: 320px;
}
h1::before {
position: relative;
content: "●";
font-size: 90px;
color: #ffffff;
}
- Goal
- Result
- Overlay
- Differences
- ?
Press Compare to send your code for review.