I added again the display: block and now it’s centered, but it doesn’t pass that error. Here is my full HTML and CSS script:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Rihanna, the best singer</title>
<link rel="stylesheet" href="styles.css">
<link href='https://fonts.googleapis.com/css?family=Aboreto' rel='stylesheet'>
<link href='https://fonts.googleapis.com/css?family=Alex Brush' rel='stylesheet'>
<link href='https://fonts.googleapis.com/css?family=Barlow' rel='stylesheet'>
</head>
<body>
<header>
<h1 id="title">Rihanna</h1>
<h2 id="subtitle">The best singer</h2>
<div id="header"></div>
</header>
<main id="main">
<div id="img-div">
<img id="image" src="https://media.vogue.es/photos/5cc7595015d9a3f092e83f50/1:1/w_815,h_815,c_limit/moda_tendencias_voguees_223283395.jpg" alt="Rihanna">
<figcaption id="img-caption">A beautiful portrait from Rihanna, one of the best singers of the century.</figcaption></div>
<br>
<div id="divider"></div>
<br>
<h3 id="about">About her:</h3>
<p id="tribute-info"><b>Robyn Rihanna Fenty</b> (born February 20, 1988) is a Barbadian singer, actress, and businesswoman. Born in Saint Michael and raised in Bridgetown, Barbados, Rihanna auditioned for American record producer Evan Rogers who invited her to the United States to record demo tapes. After signing with Def Jam in 2005, she soon gained recognition with the release of her first two studio albums, <i>Music of the Sun </i> (2005) and <i>A Girl Like Me </i> (2006), both of which were influenced by Caribbean music and peaked within the top ten of the US Billboard 200 chart. </p>
<br>
<p id="tribute-info">Rihanna's third album, <i>Good Girl Gone Bad</i> (2007), incorporated elements of dance-pop and established her status as a sex symbol in the music industry. The chart-topping single <i>"Umbrella"</i> earned Rihanna her first Grammy Award and catapulted her to global stardom. She continued to mix pop, dance, and R&B genres on her next studio albums, <i>Rated R </i> (2009), <i>Loud </i> (2010), <i>Talk That Talk </i> (2011), and <i>Unapologetic </i> (2012), the last of which became her first Billboard 200 number one. The albums spawned a string of chart-topping singles, including "Rude Boy", "Only Girl (In the World)", "What's My Name?", "S&M", "We Found Love", "Where Have You Been" and "Diamonds". Her eighth album, Anti (2016), showcased a new creative control following her departure from Def Jam. It became her second US number one album and featured the chart-topping single "Work". During her musical career, Rihanna has collaborated with many artists, such as Drake, Eminem, Jay-Z, Kanye West, Ne-Yo, and Shakira. </p>
<p id="more-info">You can get to know more about Rihanna <a href="https://en.wikipedia.org/wiki/Rihanna" id="tribute-link" target="_blank">here</a>.</p>
<br>
</main>
</body>
</html>
#title {
font-family: 'Aboreto';
font-size: 6rem;
text-align: center;
color: #000;
margin-bottom: 0;
}
#title:hover {
color: #8d302b;
transition: 1.5s;
}
#subtitle {
font-family: 'Alex Brush';
font-size: 4rem;
text-align: center;
color: #000;
margin: 0;
}
#image {
max-width: 100%;
display: block;
border: 3px solid #000;
margin: 0 auto;
}
#img-caption {
text-align: center;
color: #333;
font-family: 'Barlow';
font-size: 0,7em;
}
#divider {
border-bottom: solid 2px #000;
margin: 2px auto;
width: 1000px;
}
#about {
font-family: 'Aboreto';
font-size: 2rem;
text-align: center;
text-shadow: 2px 1px 2px black;
}
#tribute-info {
font-family: 'Barlow';
line-height: 2em;
color: #000;
margin: auto;
padding: 20px 30px;
font-size: 1.2em;
}
#more-info {
font-family: 'Barlow';
line-height: 2em;
color: #000;
margin: auto;
padding: 20px 30px;
font-size: 1.5em;
text-align: center;
text-shadow: 1px 1px 2px black;
}
a:link {
font-family: 'Barlow';
line-height: 2em;
color: #8d302b;
font-size: 1em;
text-align: center;
}
Do you see any mistakes that might cause it to not pass that error?
I’m with Firefox and it never caused any trouble.