- index.html
- style.css
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<title>Challenge: Application Icons</title>
<meta charset="utf-8">
<link rel="stylesheet" href="setting-1.css">
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="icon messages">
<img class="icon-inner" src="messages.svg" alt="Message icon">
</div>
<div class="icon weather">
<img class="icon-inner" src="weather.svg" alt="Weather icon">
</div>
<div class="icon camera">
<img class="icon-inner" src="camera.svg" alt="Camera icon">
</div>
<div class="icon music">
<img class="icon-inner" src="music.svg" alt="Music icon">
</div>
</body>
</html>
CSS
.messages {
/* gradient from #71d5f4 to #337cd2 */
}
.weather {
/* gradient from #ff792e to #ffe662 */
}
.camera {
/* gradient from #9a66ba to #f98edb */
}
.music {
/* gradient from #6ffc75 to #4cb350 */
}
- Goal
- Result
- Overlay
- Differences
- ?
Press Compare to send your code for review.