Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

All comments

  • Caroline L.β€’ 150

    @CarolineLienard

    Submitted

    First time using a local JSON file, and second time writing a little script. I also tried to improve my HTML/CSS skills using DRY method. This project was super fun :)

    Neel Barvaliyaβ€’ 170

    @NeilNeel

    Posted

    Hey @CarolineLienard! πŸ‘‹ I just wanted to drop by and express my gratitude for your inspiring work on the challenge. I attempted to tackle the same challenge, and I must say, your solution was incredibly helpful in guiding me through the process. I learned so much by studying your approach, and it really expanded my understanding of front-end development.

    Would you mind sharing some of the useful resources on YouTube? I'm always on the lookout for great learning materials. Looking forward to seeing more of your amazing work in the future.βœ¨πŸ’»

    1
  • Peter Wahuβ€’ 190

    @Pe-te-r

    Submitted

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

    how to align items to the center of the page without using flex and grid, i later learnt that i can use margin auto to display at the center

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

    Under the order list,how do i color numbers

    Neel Barvaliyaβ€’ 170

    @NeilNeel

    Posted

    Hey there! πŸ‘‹ Noticed you haven't implemented the radius feature yet. No worries, adding radius to your elements can give your design a polished and modern look. Here's a quick example of how you can create a radius effect using CSS:

    .element {
      border-radius: 10px; /* Adjust the value to change the radius */
    }
    

    Marked as helpful

    0
  • Neel Barvaliyaβ€’ 170

    @NeilNeel

    Posted

    You should have used the Chart.js API for generating the graph; it would have been easy.

    0
  • gracepalβ€’ 430

    @gracepal

    Submitted

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

    Hello! The gradient background and the real-time updating is a mystery. I will revisit these features in the next iteration.

    Neel Barvaliyaβ€’ 170

    @NeilNeel

    Posted

    I noticed your solution and wanted to offer a suggestion for real-time updates on the card. You can achieve this by using the addEventListener method with the input event. This way, whenever the user types anything, it will be directly visible on the card without the need for additional interactions.

    Here's an example of how you can implement it:

    // Assuming 'inputElement' is your input field and 'cardElement' is your card element
    inputElement.addEventListener('input', function(event) {
      // Update the text content of the card element with the value from the input field
      cardElement.textContent = event.target.value;
    });
    

    Marked as helpful

    1
  • marinaβ€’ 50

    @ladymarina08

    Submitted

    this is my first layout. Please tell me what I did wrong. I know there are a lot of mistakes...

    Neel Barvaliyaβ€’ 170

    @NeilNeel

    Posted

    @ladymarina08, great solution! πŸ‘ The functionality works well. However, I noticed that all the content is currently aligned to the left side of the page. To improve the visual presentation, consider adding the following CSS styles:

    body {
      display: flex;
      justify-content: center;
      align-items: center;
    }
    

    Marked as helpful

    2