All solutions

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

I'm proud of the fact that I finished at all. This might be the most tedious thing I've made so far. Between Tailwind, the initial site I used for deployment and other factors, it was a wild ride.

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

I discovered while building this that Tailwind is mobile first, meaning the initial 'desktop design' I had built was for mobile and so I had to start over building the mobile design first. Tailwind also sometimes acts funny until you rebuild it, resulting in unforeseen changes. Finally I had some issue deploying the page without the node modules, so I had to figure out build commands on deployment.

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

Any feedback will be welcome, I know my Javascript could be optimized better for sure.

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

This is my first ever React project. I'm glad I was able to implement the concepts I learned to create something. Next time I will utilize TailwindCSS's mobile first approach which only became clear to me towards the end of this project.

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

Deploying a React and Vite site was a bit tricky but I read the Vite documentation. Additionally the Tailwind documentation cleared up the concept of responsiveness in Tailwind. I figured out that you can pass hsla as one time values in Tailwind if you use square brackets[ ] and no space in between the characters instead of extending the colors for one time use.

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

As a pure React beginner, any feedback will be welcome. I don't even know enough to know what I don't know yet.

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

I was able to implement responsive design with the use of flex wrap and no media queries. There is still room for improvement in responsiveness.

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

This is the most responsive solution I have completed, it isn't perfect but there are no major elements that break when resizing.

I would like to be able to use fill on hover on the SVG icons next time, I wasn't able to get that done with Tailwind.

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

I wasn't able to induce a seamless shift between mobile and desktop designs on resizing without media query. Unfortunately I wasn't able to overcome that.

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

Any advice on making my work as responsive as possible and tips on how to manipulate SVG icons is welcome.

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

My speed has increased noticeably, especially with Tailwind. I also used git commands for this project.

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

Any feedback will be welcome.

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

I've been able to improve the responsiveness of my sites by not using fixed values for width and height.

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

I also used descendant and child selectors for more specific styling.

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

Any feedback is welcome.

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

Learning to use borders and hsla to create shadows for an element was an interesting experience.

I would appreciate it if you could provide feedback on my code, anything that can help me improve is appreciated. Anything on semantics in particular would be of great help.