Learning the cart functionality .
What challenges did you encounter, and how did you overcome them?The useState in regards with the cart functionality
What specific areas of your project would you like help with?none
good job, I had issues implementing that blur background for the lightbox section on mine, if u could help me look at my code.
Impressive work, Ma'am. Mobile and Desktop friendly.
Welcome any idea, comment, or anyone kind-hearted who wants to teach me something!!! Have a nice day!
Good work here, just a little add on, if u could make the form, refresh or reset, after submitting it, that would be nice.
great work, I like how u used multiple sections in ur html, would do that next time in another project for myself, cos I don't like it when, I have a lot of divs. Great work by the way.
Hello, thank you for reviewing my code, do u mean something like this for the seo?
<meta name="description" content="My Frontend Mentor - challenge is to build out this interactive rating component and get it looking as close to the design as possible." />
click the preview site. It should take u to the live project. if it doesn't work heres the link.
https://tip-calculator-app-iota-one.vercel.app/
Any feedback appreciated...
great work
I'm proud of the progress I've made
What challenges did you encounter, and how did you overcome them?I wanted to create a small timer that would display error messages each time one of the inputs was registered. After realizing I couldn't do it, I just deleted it
What specific areas of your project would you like help with?no
great work Casper. but the reset button only clears the input values and not the output value. to clear all values, you'd have something like this in your js for ur reset btn.
// Reset outputs resetButton.addEventListener("click", () => { amountOutput.textContent = "$0.00"; totalOutput.textContent = "$0.00"; });
This being collected as a dom value. you can check my js code in my own project. But all still great work.
My bro just checked your code now, please use a form element, in your html, whenever you are dealing with
<input type="text">
Thanks for reading.
I am proud that i was able to finish even though i had a lot of challenges and i almost gave uo multiple times but i dusted myself and returned to the challenge and now i feel super excited what i would do differently is to add event listener first before starting any other thing, because i became really confused when i was writing my javascript
What challenges did you encounter, and how did you overcome them?The challenge i faced was activating the eventlistener to the fetch data It really stressed my head I figured it by taking a step back and drafting how the code is supposed to be, then i finally figured it out.
What specific areas of your project would you like help with?Callback functions, I am still a litlle rusty with it
Impressive project Michael Balogun. But we were asked to use Rubik as font-family and u used Montserrat. The triple dot or colon was already provided for u in the image folder as icon-ellipsis.svg Apart from these few things ur project looked outstanding.
i'm happy to use javascript to generate a new page of html and button it took me a while to figure out how to achieve this i think i can write faster over time
What challenges did you encounter, and how did you overcome them?i am struck at positioning the Invalid email required message to be inline with Email address label. At the end of the project i still can't make it what a pity
What specific areas of your project would you like help with?i am struck at positioning the Invalid email required message to be inline with Email address label. At the end of the project i still can't make it what a pity
Hey zbuli, nice work.
How I got mine to work for the positioning of ur email address, here's how I went about mine.
.form-container span:first-of-type { position: absolute; left: 0; top: -25px; } .form-container .error { position: absolute; right: 0; top: -30px; text-align: right; /* Ensures the text is aligned to the far right */ white-space: nowrap; }
Then I placed my email inside of a span element instead of label.
<label for="mail"> <span>Email address</span> <input type="email" id="mail" name="mail" required minlength="8" placeholder="email@company.com"> <span class="error" aria-live="polite"></span> </label>
Super impressive work zbuli-t
The aspect of the footer, when dealing with the share icon being clicked, that is the hovered background in desktop-view only.
Thanks a lot, I would surely apply this in future projects, still trying to grab the inner workings of vanilla Js though. Thanks for going through my codebase and sorting the errors out, I am very much grateful.
Nice-work
Great work Marc Francis, I love the way the animation came into play.
Great work Sir
The responsiveness between desktop and mobile works in every browser except Opera. I'm struggling to figure out a solution as my code is correct, but even after inspecting it in Opera, there are no errors in dev tools, and everything looks correct. I'm curious how to solve this.
Nice work, but for your mobile view, your button should have more padding for the left and right. Just a suggestion. But great work Chief.
Greetings, Everyone!
Thank you for taking the time to take a look at my work and give me some feedback. I know your time is valuable, so I am grateful for you critical eye and subsequent suggestions. While much of this project was straight forward, I did find some challenges with formatting the bullet points correctly. I feel happy that I was able to get a better sense on how to manipulate them more competently. In addition, this was the first project that I took advantage of HTML ``, and I think it worked out pretty well.
Finally, I feel like I am more comfortable with GitHub, although it still makes me want to pull out what's left of my hair, as I explain below.
What challenges did you encounter, and how did you overcome them?My first challenge was the formatting of bullet points. I don't know why this has eluded me so much. The problem comes in trying to create an li::before in the CSS. Once the source is referenced, the problem has been getting the bullet point to sit correctly on the line to match the text to the right. I had to resort to negative margins to help put it in the right place.
My second challenge, as has been consistent with several projects I've done, is my struggle with GitHub. While it is a wonderful tool, I notice that when everything looks good launching my site from VS Code, the same code launched from GitHub may have things missing. This usually occurs when a resource is found in another folder, such as the elipse (used for the bullet point), as referenced in the stylesheet as a "content" resource. It also seems to occur elsewhere, but this is where I noticed it this time. Sometimes taking off the forward slash, /, solves the issue, but sometimes it does not. Got this reason, if you look at the solution on GitHub, two sections are missing the bullet points, but you will of course see them in the screenshot I provided.
Anyway, if anyone has any help with respect to either of these, I would greatly appreciate it, especially navigating the labyrinth of GitHub pages.
What specific areas of your project would you like help with?As mentioned above, I would be so grateful if someone could take a look at my code and let me know how I can improve, in any area, but specifically with respect to the bullet points and GitHub.
Thank you so much for taking a look at my submission. I appreciate any encouragement or insight.
Happy coding!
Good job mate.
The mobile responsiveness is good. But if you could try lowering the number of lines in your css, that would be better.
Excellente
