Submitted 4 months ago

adding font-family in head for descreasing html file size.

Manish Kumar Verma•10

@manish99verma

Preview site View code

This is a solution for...QR code component

HTML
CSS

1newbie

Design comparison

SolutionDesign

Community feedback

kingkokopanda•70

@kingkokopandaPosted 4 months ago

Great job on the project! Your code is well structured and clean, but I noticed that the background color you’re using doesn't match the suggested color from the project’s requirements. It’s a small but important detail that can really help tie everything together visually.

To fix this, you can simply add the background color to your body element in CSS. Here’s an example:

HTML

<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Project Title</title>
  <link rel="stylesheet" href="style.css">
</head>
<body>
  <div class="container">
    <h1>Welcome to the project</h1>
    <p>This is a simple webpage.</p>
  </div>
</body>
</html>

CSS

body {
  background-color: #e0f7fa; /* Replace with the suggested color from the project */
  font-family: Arial, sans-serif;
  margin: 0;
  padding: 0;
}

/* Additional styling for the content */
.container {
  text-align: center;
  padding: 20px;
}

Just replace the #e0f7fa with the specific color provided in the project’s guidelines. This will set the background color for the whole page.

Keep up the great work, and feel free to reach out if you need any further help!"

Please log in to post a comment

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord