Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Connect Four with React, TailwindCSS, Flexbox and CSS grid

P

@JIH7

Desktop design screenshot for the Connect Four game coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
4advanced
View challenge

Design comparison


SolutionDesign

Solution retrospective


This was quite the difficult project to get done. Right now the CSS has a lot of glaring issues I plan to iron out over time and there's a lot of redundancy in my utility classes, but I'm so glad to have something functional that looks halfway decent on most screens.

Any and all feedback on all parts of the project is welcome. I'm especially curious if there are any bugs in my gameplay implementation.

CSS fixes are more than welcome as well. Menus in particular need a lot of work so I'd love to hear what you all have to say about those.

Community feedback

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord