- index.html
- style.css
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Custom Properties: Introduction</title>
<link rel="stylesheet" href="card.css">
<link rel="stylesheet" href="style.css">
</head>
<body>
<article class="card">
<img class="card__image" src="karpovka-400.jpg" width="200" height="100" alt="Karpovka Embankment">
<div class="card__content">
<h2 class="card__title">Karpovka Embankment</h2>
<p class="card__description">
One of the most picturesque spots in Saint Petersburg, perfect for a stroll.
</p>
<a class="card__button" href="#">Learn more</a>
</div>
</article>
</body>
</html>
CSS
:root {
}
body {
background-color: var(--page-color);
}
.card {
--color: #3370ce;
}
.card__title {
color: ;
}
.card__button {
background-color: ;
}
- Goal
- Result
- Overlay
- Differences
- ?
Press Compare to send your code for review.