index.html
file contains a list of tags that describes the skills of the developer.
The first tag is the most important - let’s highlight it with #78B3AB
background.
Use the appropriate pseudo-class (not :nth-child
).
This task is part of the Full-Stack JavaScript Course
If you have any issues with it, you can ask for community help below the post
Feel free to help others if you’ve already solved the task
index.html
<!DOCTYPE html>
<html>
<head>
<title>Tags</title>
<style>
h2 {
font-family: monospace;
margin-bottom: 10px
}
span {
color: white;
padding: 5px 10px;
font-family: monospace;
font-size: 16px;
border-radius: 4px;
background-color: #3F3084;
}
</style>
</head>
<body>
<h2>Tags</h2>
<div>
<span>React</span>
<span>React Native</span>
<span>HTML</span>
<span>CSS</span>
<span>JS</span>
<span>styled-components</span>
<span>Node.js</span>
</div>
</body>
</html>