@Deeperr0
Submitted
@konradbaczyk
@Deeperr0
Submitted
@konradbaczyk
Posted
Hi, I can give you some feedback :)
Design:
Code:
padding-right: 5.5555555556%;
. If u have to use values like this it probably (I think 99% times) means you did something wrong in other parts of codeI hope it will help you in future projects, good luck :)
@sksksk2024
Submitted
What are you most proud of, and what would you do differently next time?
I understand now what are pseudo elements and how to use them, so is a big big win!
What specific areas of your project would you like help with?
Everything was easy until I've got to make the hover effect of the nft image. Tried using content, pseudo elements, the transition of the hover with background-image and z-index, but nothing really work. I even transformed the svg into jpg to see if the image works properly. It's a problem that I don't know how to resolve, even though I searched for info. Appreciated in advanced!!
@konradbaczyk
Posted
Generally looks not that bad, nice smooth hover effects :) I have some feedback:
Marked as helpful
What are you most proud of, and what would you do differently next time?
Finishing the challenge
@konradbaczyk
Posted
Generally good job, I noticed two thing to improve:
@danmlarsen
Submitted
What specific areas of your project would you like help with?
I appreciate any helpful feedback.
@konradbaczyk
Posted
Good job. Only thing to improve in my opinion is font-size on nav links on desktop view - they could be bigger. Rest of the code is excellent.
@danmlarsen
Submitted
What specific areas of your project would you like help with?
I appreciate any helpful feedback.
@konradbaczyk
Posted
Great job, it looks very good. I tried crash how your form works but I couldn't :)
@dimitrisdr
Submitted
What are you most proud of, and what would you do differently next time?
I think that after many tries in different small projects I have finally started to understand how accordion items work. I used grid layout for transitioning for height 0 to auto which make thinks a lot easier.
What challenges did you encounter, and how did you overcome them?
The background screen pattern is something that I struggled with. I think that I need to work better on this topic
What specific areas of your project would you like help with?
I think that I didn't manage to display the background pattern like the design. I don't think that I understand how the background-position property works especially for smaller screens.
@konradbaczyk
Posted
It looks really good :)
@tannguyenk3
Submitted
@konradbaczyk
Posted
Generally works well, looks really good :) I can give you some advice's:
alert("Please select at least one rating!!!");
. ) This provide bad user experience on your sites. Make your own alerts with HTML and CSS.@gmagnenat
Submitted
What are you most proud of, and what would you do differently next time?
I started mobile first, did all the css for mobile and desktop before starting to write one single line of javascript.
Next time I need to plan a bit more the javascript before starting html and css as I had to refactor quite a few times.
What challenges did you encounter, and how did you overcome them?
There are quite some details to handle with javascript and it took me time. Probably by implementing tests this can be done much faster.
What specific areas of your project would you like help with?
I try to include accessible feature in my solution. Currently it is using the `` element.
I'd like to have something announced like "total per person: 100$, tip per person 5$". The issue I have is only the value is announced as the text stays the same. I try to clear the html before updating the value. Still the number only is announced. (I use firefox and voiceover on mac)
@konradbaczyk
Posted
Well done :)
@danielbasilio
Submitted
What are you most proud of, and what would you do differently next time?
I am very proud of the responsive layout made using flexbox. In the future, I would focus on using some framework to increase the speed of development.
What challenges did you encounter, and how did you overcome them?
I hadn't actually worked withUsing fetch before. It was really interesting and fun.
What specific areas of your project would you like help with?
I believe in the separation of responsibilities of javascript
@konradbaczyk
Posted
Because link to code doesn't work I just look on design and I noticed that your app display "1hrs" and in design it was "1hr". Trying to change this looks simple but it can be really good lesson :)
@rainof
Submitted
What 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.
@konradbaczyk
Posted
Because I don't know React yet I will tell you my opinion about first view on this project:
Marked as helpful
@Islandstone89
Submitted
What are you most proud of, and what would you do differently next time?
I managed to get the "Share" popup positioned correctly on both mobile and desktop.
What challenges did you encounter, and how did you overcome them?
The biggest challenge was having the button appear alongside the overlay on the mobile layout. After quite a bit of experimenting, I made it work using absolute positioning and z-index.
What specific areas of your project would you like help with?
I think I got it mostly right, as always I'm open to feedback :)
@konradbaczyk
Posted
I can give u one tip :) Try to keep the order of the properties in CSS file. For example: u can keep it alphabetical or every time dimensions of the element (class) at the beginning, z-index at the end etc. It will help you to read your own code later because you will automatically know where properties are located :)
Marked as helpful
@roobiwebdev
Submitted
What are you most proud of, and what would you do differently next time?
did it the grid layout
What challenges did you encounter, and how did you overcome them?
to make it similar to the design and i use grid layout
@konradbaczyk
Posted
Despite the inconsistency of some colors with the design, quite good work :)
Marked as helpful