Tell us what’s happening:
how i do the test 23, i tried so hard to resolve, i cant, someone help please. God bless you
Your code so far
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Projeto Violino</title>
<link rel="stylesheet" href="styles.css"/>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap" rel="stylesheet">
</head>
<body>
<header id="header">
<div class="div-logo">
<img class="logo" id="header-img" src="https://files.oaiusercontent.com/file-x90t3nYy9JyOVEyhInr6lxAx?se=2024-11-22T18%3A33%3A38Z&sp=r&sv=2024-08-04&sr=b&rscc=max-age%3D604800%2C%20immutable%2C%20private&rscd=attachment%3B%20filename%3D2767a092-4498-47a0-ae99-fb32f2750aa2.webp&sig=dYfBDFpVPPqFKvFN1QrHOSUr1h4rd9CLxY9F3cv8ccs%3D" alt ="violin-img"/>
</div>
<div class="nav-links">
<nav id="nav-bar" class="nav-bar">
<ul>
<li><a href="#free_lessons" id="nav-link" class="nav-link">Free Violin Lessons</a></li>
<li><a id="nav-link" class="nav-link" href="#violin_history">About Violins</a></li>
<li><a id="nav-link" class="nav-link" href="#buy_violin">Buy a violin</a></li>
</ul>
</nav>
</div>
</header>
<form id="form" action="https://www.freecodecamp.com/email-submit">
<section id="free_lessons" class="email">
<h2>For Free Violin Lessons put your email bellow</h2>
<input name="email" type="email" id="email" placeholder="Email please" required />
<input class="submit" id="submit" type="submit" />
</section>
</form>
<iframe
id="video"
width="560"
height="315"
src=""
title="YouTube video player"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen class="video">
</iframe>
<h3 id="violin_history">The violin has a rich history that dates back to the 16th century. It evolved from earlier bowed string instruments, such as the lira da braccio and rebec, which were popular during the Renaissance. The modern violin as we know it today was developed in Italy, with early makers like Andreas Amati, Antonio Stradivari, and Giuseppe Guarneri crafting some of the finest instruments in history.
The violin became increasingly popular during the Baroque period (1600–1750) and was widely used in orchestras and chamber music. Composers such as Johann Sebastian Bach, Antonio Vivaldi, and Georg Philipp Telemann wrote extensive works for the violin, helping establish it as one of the most important instruments in classical music.
During the Classical and Romantic periods, the violin's role in orchestras grew, and it became a prominent solo instrument. Famous violinists like Niccolò Paganini and Jascha Heifetz pushed the boundaries of technique and expression, further elevating the violin's status.
Today, the violin remains one of the most beloved instruments, with a presence in almost every musical genre, from classical to folk to contemporary music. Its sound and versatility continue to captivate musicians and audiences around the world.</h3>
</body>
<footer>
<p id="buy_violin">If you want to buy a violin <a href="https://www.aileenmusic.com/violins.html?gad_source=1&gclid=CjwKCAiA9IC6BhA3EiwAsbltOIHeshYuTS8eLhVIdpM8aSUquvduNks60dZgQQY0bxtpo9WgQXSfNhoCa6wQAvD_BwE">click here</a></p>
</footer>
</html>
html{
background-color: beige;
}
.logo{
margin-top: 50px;
margin-left: 50%;
margin-right: 50%;
width: 200px;
border-radius: 90%;
border: 4px solid #333;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
background-color: beige;
}
.nav-bar {
position: fixed;
top: 0;
left: 0;
width: 100%;
color: black;
padding: 10px 0;
z-index: 1000;
text-align: center;
}
body {
margin: 0;
padding-top: 60px;
}
.nav-link{
text-decoration: none;
color: black;
margin: 0 60px;
}
ul{
list-style: none;
display: flex;
}
.email{
height: 30px;
font-size: 16px;
text-align: center;
font-family: "Montserrat", "sans-serif";
margin-top: 200px;
}
.submit{
background-color: beige;
margin: 10px 10px;
border-radius: 30px;
}
iframe{
display: flex;
align-items: flex-end;
justify-content: center;
}
footer{
text-align: center;
}
@media (max-width: 600px) {
body {
font-size: 14px;
}
}
Your browser information:
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/128.0.0.0 Safari/537.36 OPR/114.0.0.0
Challenge Information:
Product Landing Page - Build a Product Landing Page
