All solutions

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

I'm overall happy with the responsive layout and that I was able to strengthen my skills using vanilla HTML to correctly structure a webpage and practice using logical properties in CSS.

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

The curved backgrounds are what gave me the most trouble, I ended up using clip-path: ellipse() which worked well. I also ran into some issues with the elements that required overlapping while maintaining a responsive layout.

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

Any feedback would be appreciated!

I decided to build this project using Vanilla JavaScript, HTML, and CSS to practice the basics and deepen my understanding of the core foundations.

The difficulties I encountered was creating the logic for the winning combinations and next round functions. I also had issues with the hover effects for the game board cells. Depending on what mark the user chooses to play as it should correctly hover either X or O, but when the game is played on a mobile screen the hover effect is removed. I'm planning on implementing the Minimax algorithm but for now the computers moves are random.

After testing my project I believe it should be working fine, but if anyone encounters any errors on their end I would appreciate the feedback. Thanks!

Hi everyone!

Some difficulties I encountered with this project:

1. Button placement with dice image.
2. Displaying instructions "Roll dice below" on load. This is something that wasn't required, but I added it to test my javascript knowledge.
3. Changing pattern divider SVG image from desktop to mobile view.

I also added an animation to the dice on hover for desktop view, and for mobile view the dice will bounce infinitely.

Any feedback about my code would be appreciated, I've been trying my best to keep it as clean and readable as possible.