Skip to content
OverviewSolutions
6
Comments
2

kingkokopanda

@kingkokopanda70 points

I’m a mysterious individual who has yet to fill out my bio. One thing’s for certain: I love writing front-end code!

Latest solutions

Latest comments

  • 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!"

    0
  • lowpolybird•60
    @lowpolybirdSubmitted 5 months ago
    What are you most proud of, and what would you do differently next time?

    I tried to make it as close to the design provided as possible but i don't know the initial scale(

    What challenges did you encounter, and how did you overcome them?

    Mobile design

    What specific areas of your project would you like help with?

    I made mobile design, added media queries where needed but it doesn't seem to work on phone. I didn't understand why

    Omelette recipe

    2
    kingkokopanda•70
    @kingkokopandaPosted 5 months ago

    It seems that you have some issues within your css file that's causing you to have an error when trying to view the mobile version. I am quite new so its a bit tough to explain. However, if you get a chance, take a look at my sizes for my card in the link provided below. Also, I don't think your font populated from the import you have selected at the top of your css coding. You may have to make adjustments to your imported file, so that the system recognize where you are trying to pull from.

    main.css

    1