- index.html
- style.css
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<title>Logo: Size Alignment</title>
<meta charset="utf-8">
<link rel="stylesheet" href="style.css">
</head>
<body>
<a href="#"><span>A</span>Warmphoto</a>
<h1>Warm Lamp Photos</h1>
</body>
</html>
CSS
@font-face {
font-family: "Montserrat Alternates";
src: url("fonts/MontserratAlternates.woff") format("woff");
}
@font-face {
font-family: "Glyphter";
src: url("fonts/Glyphter.woff") format("woff");
}
body {
background: url("night.jpg") no-repeat 50% 0;
font-size: 12px;
font-family: "Arial", sans-serif;
}
a {
display: block;
margin: 12px;
color: #ecf0f1;
text-align: center;
text-decoration: none;
text-transform: uppercase;
font-size: 55px;
font-family: "Montserrat Alternates", sans-serif;
}
a span {
font-family: "Glyphter";
}
h1 {
margin: 12px;
color: #ecf0f1;
text-align: center;
font-size: 24px;
}
You’ve gone to a different page
Click inside the mini-browser to shift the focus onto this window.
Goalscompleted
0
- Assign character spacing of
-3pxto the link. - Set a vertical alignment of
middlefor the span inside the link, - and then set the right
marginto18pxand specify a font size of78px.
Comments