All solutions

What are you most proud of, and what would you do differently next time?

I am proud of how the end product looks stunning and how everything looks visually close to the source material. Something I would do differently would be to further breakdown everything to smaller components from the start.

What challenges did you encounter, and how did you overcome them?

I had a lot of difficulties trying to pass the event handling function to the share button. I overcame this using the "use client"; keyword on my components as event handling aren't working server side. And for those who read this. Don't use the "use client"; keyword in the page.tsx file of your Next projects, as it is not advisable for best practices purposes.

What specific areas of your project would you like help with?

I would like some help on a way to close the share panel when there is a click anywhere on the page. It would be great if someone could help me with that. Thanks in advance.

What are you most proud of, and what would you do differently next time?

It is my first trial with talwind css and after thouroughly studying the framework a I can now comfortably say I can do anything using it.

What challenges did you encounter, and how did you overcome them?

The greatest challenges I faced was to get used to the classes but after experimenting with it for some time it becomes a second nature. And secondly I had issues with responsiveness due to the default breakpoints of the framework, but after adding more breakpoints in the tailwind.config.json, everything got good.

What specific areas of your project would you like help with?

The responsiveness of the page felt a bit off. I would appreciate some feedback on how it turns out.

What are you most proud of, and what would you do differently next time?

Being a non css grid usual, it was fun to experiment with it after a while of not using it. And it turned out okay-ish.

What challenges did you encounter, and how did you overcome them?

The spacing between the grid areas gave me a hard time. I used the grid-gap property and the content kept overflowing the grid container. Using percentages and fine tuning helped achieve sort of the desired result.

What specific areas of your project would you like help with?

Have a better understanding of all of the css grid good practices.

What are you most proud of, and what would you do differently next time?

I completed the task in the time limit i imposed myself. It really added a little bit of pressure

What challenges did you encounter, and how did you overcome them?

No great challenge

What specific areas of your project would you like help with?

None

What are you most proud of, and what would you do differently next time?

Nothing in particular, the project was realised according to plan. For something to do differently, setting a timer for completing a challenge will be a great way to make the task a little more challenging.

What challenges did you encounter, and how did you overcome them?

I didn't encountered anything of great significance to me.

What specific areas of your project would you like help with?

None

What are you most proud of, and what would you do differently next time?

I am proud of the overall result obtained from the effort put on project. It looks good to me

What challenges did you encounter, and how did you overcome them?

One mistake I made was to style buttons with the links containers. It looked as buttons but don't work as such. So, i rebuilt the buttons with the links' css instead, and the result turned out great.

What specific areas of your project would you like help with?

None.

What are you most proud of, and what would you do differently next time?

I'm happy of how smoothly it went, nothing more.

What challenges did you encounter, and how did you overcome them?

Nothing was really challenging.

What specific areas of your project would you like help with?

None really. But if someone has something to say, i'll gladly listen

What are you most proud of, and what would you do differently next time?

I'm proud of completing this challenge in a relatively small amount of time, butspeedrunning a task leads to attention errors, so the thing i'll do differently is to not rush my work.

What challenges did you encounter, and how did you overcome them?

One issues i encountered during this challenge is the github page not loading the index.html file of the project, but rather the readme.md file. The way i overcame it was to create a new branch where i deleted the readme file, and left only the html, css, and image files, and it worked perfectly.