@Ejiro-FrancesSubmitted 3 months ago
James.
@JimztechAll comments
- P@TranDanh1122Submitted 3 months agoWhat specific areas of your project would you like help with?
Welcome any idea, comment, or anyone kind-hearted who wants to teach me something!!! Have a nice day!
@JimztechPosted 3 months agoGood work here, just a little add on, if u could make the form, refresh or reset, after submitting it, that would be nice.
Marked as helpful1 - @tiedej2000Submitted 3 months ago@JimztechPosted 3 months ago
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.
1 - @JimztechSubmitted 4 months ago@JimztechPosted 3 months ago
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." />0 - @JimztechSubmitted 3 months ago@JimztechPosted 3 months ago
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/
0 - @erntTt94Submitted 5 months agoWhat specific areas of your project would you like help with?
Any feedback appreciated...
- P@CasperTheChildSubmitted 3 months agoWhat are you most proud of, and what would you do differently next time?
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
@JimztechPosted 3 months agogreat 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.
Marked as helpful1 - @Emynex4realSubmitted 5 months agoWhat are you most proud of, and what would you do differently next time?
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
@JimztechPosted 5 months agoImpressive 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.
1 - @zbuli-tSubmitted 6 months agoWhat are you most proud of, and what would you do differently next time?
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
@JimztechPosted 6 months agoHey 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
Marked as helpful0 - @JimztechSubmitted 6 months agoWhat specific areas of your project would you like help with?
The aspect of the footer, when dealing with the share icon being clicked, that is the hovered background in desktop-view only.
@JimztechPosted 6 months agoThanks 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.
1 - P@YelemyahMSubmitted 6 months ago
- @marcfrancissSubmitted 7 months ago@JimztechPosted 7 months ago
Great work Marc Francis, I love the way the animation came into play.
Marked as helpful0 - @kwaeterinckxSubmitted 7 months ago
- @meredithincodeSubmitted 7 months agoWhat specific areas of your project would you like help with?
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.
@JimztechPosted 7 months agoNice work, but for your mobile view, your button should have more padding for the left and right. Just a suggestion. But great work Chief.
0 - P@jguleserianSubmitted 8 months agoWhat are you most proud of, and what would you do differently next time?
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::beforein 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!
- @Elle-yeSubmitted 8 months ago@JimztechPosted 8 months ago
The mobile responsiveness is good. But if you could try lowering the number of lines in your css, that would be better.
0 - @rineliniguezsosaSubmitted 9 months ago
- @JuanTwoFourSubmitted 9 months agoWhat are you most proud of, and what would you do differently next time?
Proud that I can even finish the project. Things I would do different is probably use less CSS but that all comes with practice.
What challenges did you encounter, and how did you overcome them?Biggest challenge was figuring out the spacing of all the elements.
What specific areas of your project would you like help with?I know there is so many ways to make it better and I would love any feedback/suggestions on my HTML elements and CSS styling choices and how I can improve or simplify my solution.
@JimztechPosted 9 months agoGm Juan. I would tell you to quickly hop on w3cschool, take their css free course, no videos just the written form content. My css is not good but the platform helps. Especially when you are stuck with your css, you can go back to the platform to confirm or check for errors to your mistakes.
Marked as helpful0
