Could you please provide feedback on my project? I'd appreciate your thoughts and suggestions for improvement!
I would greatly appreciate it if you could take a look and share your feedback. I’d love to hear your thoughts on areas I can improve or any suggestions you might have.
Thank you so much for your time!
Suggestions and feedback are accepted here—don't worry, I promise not to cry (much)!
I have a problem: I don't use CSS variables during development (I mean, I replace the variables with fixed units or convert direct colors to color variables after I finish the project). If you guys could provide some suggestions for the best workflow, I would appreciate it.
There is a lot of messy code. If anyone reviews my code, please provide suggestions.
Please review the HTML, CSS, and JavaScript code and provide feedback on how I can improve this project. I would appreciate any suggestions that would help me learn new concepts.
Using JavaScript, something I am new to using. Next time I think I should make it so only 2 decimal places are available.
What challenges did you encounter, and how did you overcome them?Getting the calculate to update with a change of values. I added event listeners for "input."
What specific areas of your project would you like help with?Ways to make code less redundant and more effecient.
Hey Ryanslabroom
your calculator is working well! Just make sure that when you perform multiple calculations, the output doesn’t show 'Infinity' or 'NaN' when the inputs are empty or invalid. Also, consider refining the styles of your project. Good luck with your future projects!
The layout looks good, and the validation is also working. I love the error message animation. Your project is totally complete and perfect. I think you should remove the 'drag and click to upload' text after the image is uploaded, so the user isn't confused about when they can change or remove their image.
Don't worry, with consistent practice in CSS and JavaScript, you'll be able to create projects with ease.
Happy to have understood the bento grid using this challenge
What challenges did you encounter, and how did you overcome them?aligning the cards in the container
What specific areas of your project would you like help with?overall feedback is welcomed
I don't have much to say because the layout is good and responsive, but when I squeeze the window, the layout breaks—meaning the cards overflow. This happens because the fonts aren't shrinking. To fix that, you can use clamp. It's easy to do, and you can check it out on YouTube. There are also some tools for clamp, like the Clamp Calculator.
I think it's good that I completed this project using my skills, which are at a beginner level.I also added the functionality of a persistent cart using local storage.
What challenges did you encounter, and how did you overcome them?There were some problems during development, such as reverting styles to their initial state and clearing the quantity text displayed under the "Add to Cart" button. I resolved most of them by myself, though, to be honest, I did use GPT for a bit of help.
What specific areas of your project would you like help with?Suggestions and feedback are accepted here—don't worry, I promise not to cry (much)!
Can someone tell me why my web layout looks bad in the screenshots?
I'm glad to have finally picked up the basics of Grid styling
What challenges did you encounter, and how did you overcome them?I was unable to easily guide the grid positioning to use when looking at the reference design image so I drew lines on the image to help visualize the grid system to use.
What specific areas of your project would you like help with?Any suggestions as to how to get the images within the grid to to match that of the design reference image are welcome.
Hey John,
I hope you're doing well. I'm a beginner, and I've also completed this project. I understand it can be a bit challenging to make it responsive, but it’s a great project for learning how grids and their styles work.
Using multiple cells (a combination of rows and columns) is definitely a good practice. To position the images correctly, I had to use some tricks. While there might be better methods, here are the approaches I used:
Note that these properties don’t work for background images. For those, you’ll need to use properties like background-size, background-position, and others.
Suggestion: When working with grid layouts, you can simplify your code by using shorthand properties. For example, instead of writing grid-row-start: 2; and grid-row-end: 3;, you can use grid-row: 2 / 3. It’s shorter and easier to read, which can save time and make your code cleaner.
I hope this helps, and I’d love to hear about any other methods you found useful!
