Design a Business Card - Design a Business Card

HTML-CSS
1

Tell us what’s happening:

Não estou conseguindo acertar esse passo 39 alguem pode me ajudar por favor?

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <title>Business Card</title>
    <link rel="stylesheet" href="styles.css">
</head>

<body>
<div class="business-card">
    <img class="profile-image" src="https://cdn.freecodecamp.org/curriculum/labs/flower.jpg" alt="Margarida cor de rosa">
    <p class="full-name">Patti Batista</p>
    <p class="designation">Cantora</p>
    <p class="company">Canta e Encantar</p>
    <hr>
    <p>sousarodriguesp77@gmail.com</p>
    <p>(38) 998440706</p>
    <a class="portfolio-link" href="https://univirtus.uninter.com/ava/web/">Portfolio</a>
    <hr>
    <div class="social-media">
        <h2>Connect with me<h2>
            <a href="https://x.com/?lang=pt">Twitter</a>
            <a href="https://www.linkedin.com/home?originalSubdomain=br">LinkedIn</a>
            <a href="https://github.com/?locale=pt-BR">GitHub</a>
    </div>
    </div>
</body>

</html>

/* file: styles.css */
body{background-color: rosybrown;
font-family: Arial,sans-serif;}

.profile-image { max-width: 100px;
background-image: url (https://cdn.freecodecamp.org/curriculum/labs/flower.jpg);}
.business-card {
width: 300px;
background-color: pink;
padding:20px;
margin-top:100px;
text-align: center;
font-size: 16px;
margin-left: auto;
margin-right: auto;}

p {margin-top: 5px;
margin-bottom: 5px;}
a {text-decoration: none;
color: black}

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/143.0.0.0 Safari/537.36

Challenge Information:

Design a Business Card - Design a Business Card

2

image
image436×167 12.6 KB

See the red squiggly line under the curly brace? That means you have a syntax error in your CSS file.