@AntoineC-dev
Posted
I see that your html is now showing on your site.
You will also need to give the correct path to you css for the styles to be applied.
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png">
<link rel="stylesheet" href="style.css"> ---- UPDATE HERE
<title>Frontend Mentor | Product preview card component</title>
</head>
You might also add the following properties to your body tag to center the card on the page:
body {
background-color: var(--cream);
min-height: 100vh;
display: flex;
align-items: center;
}
And for you image to look always good (not distorted) add this:
.desktop-img {
display: block;
width: 50%;
object-fit: cover;
}
Anyway continue with the good work and you will be a great developer in the future. Peace
Marked as helpful
@eby-coder
Posted
@AntoineC-dev I'm so embarrassed by what happened. I changed the names of my HTML and CSS documents and I forgot to update my link.css href. At first I couldn't understand what went wrong. I have changed it now and I hope the page doesn't have any other additional problems. Thank you for taking the time to help me. Have a lovely day.
@AntoineC-dev
Posted
@eby-coder I checked and now everything works; and by the way the result is great you did a good job with this project. It is 100% ok to make mistakes this is why the community is there to give feedback.
Keep practicing, building projects and having fun with your code :)
Peace ✌️