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
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 */ }
You should have used the Chart.js API for generating the graph; it would have been easy.
Hello! The gradient background and the real-time updating is a mystery. I will revisit these features in the next iteration.
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; });
@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; }
