i had hard time implementing the masonry layout for the homepage. i just used the column-count trick to display the items so that i can mimic the design.
What specific areas of your project would you like help with?is there another way to display the items in a masonry layout?
Hi! The only way I found to make the masonry matching the design, is to hardcode a grid with a lot of rows. A dynamic solution would be cool, but I wonder if it's possibe?
Nice poject btw, I really like that you made it possible to pause the slideshow
I better understood SSR and NextJS documentation, and finally, I sorted out how to use Firebase.
This was the first challenge where I used Bootstrap. There was a bit of a learning curve but I think I did a good job in the end. I like all the shortcuts it has compared to plain HTML/CSS/JS.
What challenges did you encounter, and how did you overcome them?Most of the challenges came from using Bootstrap. I had to learn how to use it correctly to implement the design and functionality.
I think you should be work a bit on responsivity, especially the overflow issues. Maybe it wasn't your focus here, but I have to comment something :D Cheers
Overlay on image
Realy like how well you organized everything! If I want to find one area to imporove, you could fine-tune the responsiveness between the mobile and desktop sizes, but thats all Cheers
I'm proud of the completion of the project quicker than the deadline I fixed myself, and the overall project came out nearly perfect
What challenges did you encounter, and how did you overcome them?None really
What specific areas of your project would you like help with?No areas of concern noted.
Nice one!
Maybe you should handle some edge cases, like:
Don't allow leading 0-s / cut them off automatically, etc.
Don't let the app calculate the result when clicking on a tip button with no bill / headCount input filled, because "NAN" don't look nice for an user.
Theese complicates things but produces a better user experience. Btw nice looking solution, well done ;)
I really like the responsive layout I created with flex and grid this time, although it still needs further improvement. I will continue to develop my responsive grid and flex skills to achieve better results in the future.
What challenges did you encounter, and how did you overcome them?The challenge this time was figuring out how to display JSON data on the DOM, along with a few other small functions. I completed it with the help of an article just before I started this challenge. So, never skip the articles/explanations from the challenges provided here because they are very helpful.
What specific areas of your project would you like help with?To anyone, please help me practice logic and structure for building and designing a function or anything in JavaScript, because I’m still a beginner in the world of JavaScript. Sometimes I get confused about how and what I should do to think about the framework of a function in JavaScript. Maybe there are some tips and tricks from you that I can learn in the future, that would be very helpful to me.
I have spent a lot of time getting used to Tailwind CSS and have used it to complete my practice. I also improved my CSS with the BEM concept. Now that I think my layout practice is sufficient, I prefer to focus on more JavaScript practice.
What challenges did you encounter, and how did you overcome them?I am still not familiar with some practical uses of JavaScript because I spend too much time thinking about how to manipulate the DOM with event listeners. Therefore, I really need to practice them more frequently.
What specific areas of your project would you like help with?Is there a more efficient way to complete this practice?
Or could you point out some mistakes that exist in my code?
Thanks!
Hi!
Your hero images are squeezed on small screens. You can add a minimum width to its container to prevent this, and allow overflowing on the container.
Nice solution btw;) Cheers
I'm most proud that I completed the challenge quickly and was able to use grid to effectively code the solution
What challenges did you encounter, and how did you overcome them?I learned that the order CSS property can be used to arrange grid items
