All solutions

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

This project is a basic for me, I am just doing it because I like coding.

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

I have a big issue about the position of the dice button, maybe I can't solve it because I am tired.

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

I would really like to get help about the position of the dice button !

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

I am proud of the theme-switcher, of doing the requests to the API and making everything works. Next time, I would try to be more efficient and not loose time on small details. I will also start to use frameworks again.

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

The flags of the API aren't all the same size so it's hard to work with them, I didn't completely solved this issue.

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

I don't really know, I think I did most of the things correctly but if you have suggestions I would be happy to hear them.

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

I am proud of how close to the design I am but I would try to be better at responsiveness next time.

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

I had to think about how to make the switch between themes efficient, I still have to work on the switch that has 3 positions.

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

I would like to get help about the switch with 3 positions and responsiveness.

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

I am not proud of anything about this project, I just wanted to try to do the accordion to see if I could learn something.

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

I didn't really face any challenge on this project.

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

Probably about JavaScript animation when the text appears.

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

I am proud of my utilisation of TailwindCSS since it was the first time I used it. Next time, I would try to make a better use of media queries from TailwindCSS.

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

It was difficult from me to use the grid of TailwindCSS since I'm new to grid and TailwindCSS but I overcome that challenge by experimenting a lot in my code and looking at online courses. I also looked at TailwindCSS documentation.

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

I would like to get help with responsiveness in TailwindCSS.

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

I am proud of my use of grid, it was my first time and I think I did pretty well. However, next time I hope to get better at using grid because it's still messy.

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

I had trouble positioning the 4 cards as I wanted, and I also had trouble reproducing the shadows of the cards exactly as they appear on the design. I solved the positioning problem by experimenting with my code and rereading a course on css grid.

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

I would like help mainly with grid, but also with the quality of my code. Generally speaking, I would not say no to any help to improve.

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

I'm pleased with how the HTML and CSS code was structured to create a product preview card component. The code is organized and utilizes modern CSS techniques like Flexbox and media queries for responsiveness. Additionally, incorporating an SVG icon into the "Add to Cart" button was a nice touch to enhance the user interface.

However, next time, I might suggest exploring more advanced CSS techniques or frameworks like CSS Grid to further improve layout flexibility and responsiveness, especially for complex designs. Additionally, considering accessibility features such as providing alternative text for images and ensuring keyboard navigation for buttons would enhance the overall user experience.

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

Managing complex layouts and interactions, and making them responsive. Responsiveness is still kinda hard for me.

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

I would like help with responsiveness mainly but I'm open to any suggestions.

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

I'm proud of having worked with tables because it's been a while since I last tackled them. However, I acknowledge that there's room for improvement, especially in my utilization of Bootstrap and the overall quality of my code. In the future, I aim to refine my skills in incorporating Bootstrap effectively to streamline the development process and enhance the responsiveness of my designs. Additionally, I'm committed to writing cleaner and more organized code to improve readability and maintainability.

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

I encountered challenges in figuring out how to add horizontal lines between table rows and how to modify the style of list bullet points. To overcome these challenges, I turned to online resources and documentation. By researching solutions and examples online, I was able to learn the necessary CSS properties and techniques to achieve the desired effects. This process not only helped me address the immediate issues but also expanded my knowledge and understanding of CSS styling.

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

I would like help with the following specific areas of my project:

Adding horizontal lines between elements, especially within tables. Implementing page scrolling to ensure proper navigation and visibility of content. Styling list bullet points and customizing their appearance. Improving the quality of my code.

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

I'm proud of having used Bootstrap for the responsive aspect; however, I still relied heavily on custom CSS, so I need to improve my use of Bootstrap to minimize its usage.

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

At first, I didn't understand why Bootstrap was altering certain aspects of my site even when I hadn't explicitly used it. I resolved the issue by experimenting with my code and referring to the documentation.

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

I'd appreciate assistance with utilizing Bootstrap effectively, creating hover effects, and implementing click interactions.

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

Given my current skill level, I use these projects as simple entertainment and reminders for the basics, so I'm not particularly proud of anything. However, I think I would use Bootstrap for responsiveness next time.

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

I find it frustrating that not all color values are provided in projects. For instance, in this project, the border color of the card isn't specified. Additionally, I often struggle with whether to strictly adhere to provided specifications, such as font sizes, to accurately replicate the project. However, due to differences in screen resolutions, following exact measurements may not yield the same result. For example, instead of using fixed pixel values for elements like the card dimensions, I calculate the percentage value from Figma and implement it in my code, but this doesn't always produce the intended outcome.

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

I would appreciate assistance with responsive design and utilizing flexbox effectively.

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

Considering my current level, this project served as a refresher rather than a significant challenge. However, I take pride in the quality of the code I strive to maintain. Despite the project's simplicity, I ensured that the code was well-organized, readable, and followed best practices.

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

During the project, I encountered challenges related to my recollection of certain CSS properties, such as box-shadow, and my familiarity with the Flexbox layout model. When faced with these challenges, I took time to look at their documentation and I experienced with code to overcome these challenges.

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

In the documents of the project, it says that the font-size of the title is 22px, and of the paragraph is 15px but I don't have the same final visual as in the design, probably because my computer isn't the same size as the one of the design. How could I overcome that, should I use % or rem or something else instead of px ? Also, I think my box-shadow isn't perfect, if someone can help with that.