@temesgen-982
What are you most proud of, and what would you do differently next time?
My first time using fetch. The CSS is a mess I will try to organize it.
Latest solutions
Newsletter Sign Up with Success Message
Submitted 10 months agoThis is my first time making a form validation. Any feedback is welcome.
Latest comments
- @LucasNgTg
Hello there!
Congratulations on your solution. In terms of fetch, you seem to have understood the concept quite well. A couple of things to point out:
- As per the design specifications, the menu button of each card should be highlighted on upon hovering with the cursor.
- The content of the grid container is leaking, causing it to not appear centered.
- The
scripttag should be placed at the bottom of the HTML body, so it only runs once the rest of the page is loaded. Alternatively, you could put the entire JS code inside aloadevent.
Hope it helps. Have a nice day!
Marked as helpful - @rainofWhat are you most proud of, and what would you do differently next time?
I'm proud of getting the form submission, error management, and navigation between the success and form submission pages to work. Although it wasn’t smooth, I learned much from the lesson. Next time, I’d focus on improving my event-handling skills by gaining more experience and applying best practices from the start to make the development process smoother.
What challenges did you encounter, and how did you overcome them?I faced challenges with handling events using JavaScript, which was new and initially confusing. To tackle this, I took a moment to step back, then relied on documentation, consulted ChatGPT, and used a trial-and-error approach to understand better and address the issues.
@LucasNgTgHello there!
Congratulations on completing this challenge! The layout looks great, albeit a bit smaller than the design, and for some reason the success page appears with a white bar on the bottom. The issue seems to occur when the screen height is less than 715px on the desktop version.
I have been learning React myself and, I must say, your components are very organized and well structured. Keep it up!
Have a nice day!
- @DiegoAlveesWhat specific areas of your project would you like help with?
I had a lot of difficulty in some parts of the CSS, and in the balloon that opens when you click on the button, I couldn't place that "arrow" indicating the button. I believe my html was also quite messed up
@LucasNgTgHello, there!
Well done on completing this challenge! The share area is not showing for me, I believe it is because of the way the class in HTML was declared. In order to declare multiple classes, you don't have to write the name of the attribute twice. For example, instead of
class="shareArea" class="ballon", you should writeclass="shareArea ballon".Regarding the "arrow" bit, take a look at CSS pseudo-elements, specifically
::beforeand::after(The links to the articles are in the text). There's a lot of cool stuff you can do with those.Hope it helps. Have a nice day!
Marked as helpful - @tugcekizildg@LucasNgTg
Hello! Hope you're have a good day.
Well done on your solution! The only criticism I have is that it needs a bit more
paddingon both layouts. I noticed you've used the Tailwind framework, with which I have absolutely no experience and as such I could not review it properly. Would you recommend it? - @Ay-dotcode@LucasNgTg
Hello!
Well done on your solution, it looks great! I like how you've made the cards interactive, was that a stylistic choice? I don't remember it being specified in the design. A couple of things to point out:
- Make it so the desktop design is only applied when the viewport is in a landscape orientation, so it still looks good on tablets.
- The
box-shadowcould use a bit more attention. Here is a helpful website with tons of examples: https://getcssscan.com/css-box-shadow-examples.
Hope it helps. Have a nice day!
- @DarkKiller31What are you most proud of, and what would you do differently next time?
.
What challenges did you encounter, and how did you overcome them?.
What specific areas of your project would you like help with?.
@LucasNgTgLooks great! Some things to consider, though:
- Prioritize relative units to make the page more responsive in different screen sizes;
- The "Add to Cart" button should change colour when the user hovers over it, as per the design specifications;
Hope this helps. Have a nice day!
Marked as helpful
